Узкий отдельный столбец текста на веб-странице
Я изучил исходный код и обнаружил, что хотя "!" и «not» оба являются элементами синтаксиса - для них определены символы лексера, они нигде не используются в парсере. Я полагаю, мне придется подать запрос на улучшение.
5 ответов
Путем помещения текста в DIV со стилем для управления шириной:
<DIV style="width: 300px">
Text goes here.
</DIV>
Для центрирования, на основе предложения Angela в комментариях:
<DIV style="width: 300px; margin: 0 auto">
Text goes here.<br>
And another line which is much longer.
</DIV>
Полное решение перекрестного браузера
HTML:
<div id="centered"><!-- put your content here --></div>
CSS:
body {
text-align:center; /* this is required for old versions of IE */
}
#centered {
width:400px; /* this is the width of the center column (px, em or %) */
text-align:left; /*resets the text alignment back to left */
margin:0 auto; /* auto centers the div in standards complaint browsers */
}
Вот именно наслаждайтесь!
Использование CSS...
body {
margin:0 auto;
width:600px;
}
Совет ширины, данный другими, является ключом. С точки зрения удобства использования Вы определенно хотите удостовериться, чтобы у Вас не было нескольких Газетного стиля столбцов - люди просто не привыкли к чтению веб-страниц таким образом. Это хорошо для несвязанного содержания все же.
Если Вы хотите несколько столбцов, можно основываться на ответе Earwicker, делающем что-то как:
<div style="float: left; width: 300px">
First Column
</div>
<div style="float: left; width: 300px; margin-left: 1em;">
Second Column
</div>