Возьмем для примера стихотворение Пушкина и выделим его в документе следующим образом:

Для этого нам не понадобится создавать ненавистных (лично мне таблиц), а просто заключим этот текст в тег див и сообразим для него свой стиль. Естественно «соображать» мы будем посредством CSS.

Код будет следующим:

1. width – ширина нашего дива. Задаем его точным числом в пикселях и текст за рамки этого значения уже никуда не денется.
2. padding – это отступ текста от границ дива. В данном случае это помогает как бы выделить текст и не дать ему визуально слиться с будущей границей и остальным текстом в документе. Я указал отступ только по левому, верхнему и нижнему краям, лишь для того, что бы показать, что отступы можно регулировать в зависимости от стороны. Опять же все указывается четко в пикселях.
3. background-color – цвет самого дива. Думаю понятно.
4. border – одно из самых интересных свойств. Граница дива. В этом примере граница «опоясывает» весь наш фрагмент простой тонкой линией в 1 пиксель черного цвета. Вот тут можно включать фантазию по полной. Граница для каждой из сторон может быть разной, а может и вообще отсутствовать. Допустим мы хотим чтобы у нас было всего 2 стороны опоясаны, причем верх – сплошной линией, а низ – пунктирной. Для этого указываем стиль границы для каждой из сторон, перед этим естественно убираем стиль border:
   copy to clipboardподсветка кода

   1. border-top: solid 1px black;  
   2. border-bottom: dotted 1px black;  

   Так сказать легким движение руки.

5. font – шрифт текста во фрагменте. Тут я думаю тоже все предельно ясно.

И под конец естественно не забываем добавить имя стиля в ваш див:

Ну вот в принципе и все. При хорошей фантазии можно создать подобным образом очень даже изящные вещи.