Расстояния между элементами

dabblet.css

/**
 * Расстояния между элементами
 */
 
body {
	font:16px "PT Sans", Tahoma, Arial, sans-serif;
	}
h1 {
	font-size:48px;
	text-transform:uppercase;
	letter-spacing:-0.25ex;
	word-spacing:0.25em;
	/*word-spacing:0em;*/
	}
blockquote {
	font-size:12px;
	background:#EE8;
	margin:0;
	padding:4px 10px;
	letter-spacing:1px;
	border-radius:8px;
	}
.author {
	font-style:italic;
	text-align:right;
	}
	
@keyframes anim {
	from {
		letter-spacing:-.25ex;
		}
	to {
		letter-spacing:0ex;
		}
	}

h1:hover {
	animation-name:anim;
	animation-duration:1s;
	cursor:pointer;
	}

dabblet.html

<h1>Световой меч</h1>

<p>Светово́й меч  — фантастическое оружие, встречающееся в научно-фантастических фильмах и рассказах. Представляет собой высокотехнологичное устройство, генерирующее мощный энергетический клинок, замкнутый в периферическую дугу. Наиболее известен по фантастической саге «Звёздные войны» (англ. Lightsaber — «световая сабля»).

<blockquote>
	<p>Это оружие джедая. Не такое, как эти бластеры. Это оружие цивилизованной эпохи.
	<p class="author">Оби-Ван Кеноби, Звёздные войны. Эпизод IV: Новая надежда</p>
</blockquote>

settings.json

{"view":"split-vertical","prefixfree":"1","page":"css"}