Оформление текста с помощью HTML

Делаем цитаты (комментарии)

Пример цитат или комментариев вы видите прямо в этом тексте. Там, где я хочу обратить ваше внимание на особые моменты, то оформляю их в виде своего комментария. Такой приём здорово оживляет текст и его читать будет гораздо удобней.
Сразу привожу готовый код, вы же его можете модифицировать по своему усмотрению.

1. <div style="border-left:3px #668 solid;padding:3px;
2. padding-left: 10px; background: #F0F0F0;">
3. текст текст текст
</div>

Врезка

Очень часто на сайтах используют еще один приём - врезка. Это примерно тоже, что и комментарии, только блок врезки как-бы "висит" с одного края.

Делается врезка по тому же принципу, что и комментарии, только нужно обязательно указывать ширину блока и дополнительный параметр /-float-/.

Параметр /-float-/ позволяет установить обтекание блока слева или справа.

/-Float-/ может принимать значения:

**/-float: none;-/ - блок не обтекается (это значение используется по-умолчанию).

**/-float: left;-/ - блок распологается слева, а остальные элементы обтекают его справа.

**/-float: right;-/ - блок распологается справа, а остальные элементы обтекают его слева.

**/-float: inherid;-/ - наследуется значение родительского элемента.

Рассмотрим пример:

1. <div style="float:right; width:200px; padding:5px;
2. margin: 10px; border-left: 4px double navy; background: #99CCFF;">
3. Это пример врезки.
4. Это пример врезки.
5. <div>

Это пример врезки.

Это пример врезки.

Думаю, что этот пример не очень сложный и вы сможете его модифицировать по своему усмотрению.

Есть только один нюанс, о котором вы должны знать, когда будете размещать не только врезку, но и любой другой HTML-элемент с парметром /-float-/. Поскольку браузер для такого элемента создает отдельный поток вывода, то лучше размешать такой элемент /-перед-/ нужным вам абзацем. В этом случае этот абзац и врезка окажутся выровненными по одной высоте (правда с учетом отступов).