html в одну строку

Ответ от Александр Ермилов[гуру]
1) Действительно ли есть в этом необходимость?
HTML — это чистая семантика.
Например, тут "Слово о полку Игореве" это вовсе не параграф, а заголовок первого уровня. Т. е. должен быть тегом <h1>, а параграфы внизу — это вовсе не параграфы, а навигация. В старых вариантах HTML/XHTML это обычно теги ul > li > a (span), либо какие-то строчные теги в блочном — например, div > a (span)
А в HTML5 это тег nav, в котором тот же неупорядоченный список, либо те же строчные a (span)
Так делать правильно.
2) За отображение в данном случае отвечает свойство CSS display. Для параграфов, как и для остальных блочных тегов по умолчанию display: block;
Чтобы нужные параграфы стали "строчными", нужно указать им display: inline; Например, поместите параграфы внутрь <div id="nav"> чтобы не указывать класс каждому параграфу, и в css пропишите
#nav p { display: inline; }
Как вариант, можно использовать float — #nav p { float: left; padding: 0 0.5em 0 0; }, но тогда нужен какой-то элемент с clear: left; после навигации. Либо #nav:after { clear: left } (не будет работать в IE6-7).