Простая прямая полоска на всю ширину вашей рамочки или текста, которая всегда серого цвета выглядит так:

---

<hr />
их можно сделать сразу 2 шт.,но ни размер,ни цвет и толщину полоски вы тут не измените.

---

---

<hr /><hr />
Видите, что они серого цвета?
А теперь я дам вам код, в котором можно менять цвет, толщину и длину полоски..

---

---

---

Код на одну полоску:
<hr align="center" width="60%" size="2" color="#0080FF" />

Если вам нравится несколько полосок в ряд, то код ставите один за другим в одну строчку,тогда не будет большого разрыва между ними.

Между полосками можно также вставить текст,например вот так:

---

Лаборатория, где я целыми днями стучу пальцами по «клаве», располагается на двадцать шестом этаже самого высокого из пяти соединенных между собой зданий, принадлежащих нашему холдингу. На двадцать седьмом, последнем, – «Олимп», где живут небожители, наше в прямом смысле «высокое» руководство. «Всевидящее Око Саурона».

---

<hr />ТЕКСТ<hr />

Вертикальные полосы:

Вертикальными полосками можно тоже украсить текст..
Полоска слева перед текстом:

Лаборатория, где я целыми днями стучу пальцами по «клаве», располагается на двадцать шестом этаже самого высокого из пяти соединенных между собой зданий, принадлежащих нашему холдингу. На двадцать седьмом, последнем, – «Олимп», где живут небожители, наше в прямом смысле «высокое» руководство. «Всевидящее Око Саурона».

<center><div style="height:100%; width:700px; border-left:2px solid #cc0033; padding-left:10px;">ТЕКСТ</div></center>

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

Лаборатория, где я целыми днями стучу пальцами по «клаве», располагается на двадцать шестом этаже самого высокого из пяти соединенных между собой зданий, принадлежащих нашему холдингу. На двадцать седьмом, последнем, – «Олимп», где живут небожители, наше в прямом смысле «высокое» руководство. «Всевидящее Око Саурона».

<center><div style="height:100%; width:700px; border-left:4px double #E31C1C; background-color:#610C38; padding-left:10px; border-right:5px double #E31C1C;"><span style="font-size:22px;color:#FCF7E9;"><font face="Brush Script MT"><font face="Segoe Script">ТЕКСТ</font></font></span></div></center>


А теперь поговорим о полосках с двух сторон.

На прозрачном фоне,где текст по центру

Лаборатория, где я целыми днями стучу пальцами по «клаве», располагается на двадцать шестом этаже самого высокого из пяти соединенных между собой зданий, принадлежащих нашему холдингу. На двадцать седьмом, последнем, – «Олимп», где живут небожители, наше в прямом смысле «высокое» руководство. «Всевидящее Око Саурона».

<center><div style="height:100%; width:560px; border-left:3px #6F6837 double; padding-left:10px; border-right:3px #6F6837 double;padding-right:10px;">ТЕКСТ</div></center>

....... или на прозрачном фоне с текстом на левой стороне

Лаборатория, где я целыми днями стучу пальцами по «клаве», располагается на двадцать шестом этаже самого высокого из пяти соединенных между собой зданий, принадлежащих нашему холдингу. На двадцать седьмом, последнем, – «Олимп», где живут небожители, наше в прямом смысле «высокое» руководство. «Всевидящее Око Саурона».

<center><div style="height:100%; width:560px; border-left:3px #6F6837 double; padding-left:10px; border-right:3px #6F6837 double;padding-right:10px;"><p style="text-align: left;">ТЕКСТ</p></div></center>

Полоски с двух сторон на фоне для записей:

Лаборатория, где я целыми днями стучу пальцами по «клаве», располагается на двадцать шестом этаже самого высокого из пяти соединенных между собой зданий, принадлежащих нашему холдингу. На двадцать седьмом, последнем, – «Олимп», где живут небожители, наше в прямом смысле «высокое» руководство. «Всевидящее Око Саурона»

<center><div style="height:100%; width:700px; border-left:2px solid #602C01; background-color:#fc9; padding-left:10px; border-right:2px solid #602C01;padding-right:10px;"><p style="text-align: left;">ТЕКСТ</p></div></center>

Полоски можно сделать как скобки, например вот так:

Лаборатория, где я целыми днями стучу пальцами по «клаве», располагается на двадцать шестом этаже самого высокого из пяти соединенных между собой зданий, принадлежащих нашему холдингу. На двадцать седьмом, последнем, – «Олимп», где живут небожители, наше в прямом смысле «высокое» руководство. «Всевидящее Око Саурона»

<center><div style="height:100%; width:75%; border-left:3px #6F6837 double; padding-left:10px; border-right:3px #6F6837 double;padding-right:10px;border-radius: 30px;"><br /> <p style="text-align: left;">ТЕКСТ</p></div></center>

Можно сделать рамочку из своего фона например:

Лаборатория, где я целыми днями стучу пальцами по «клаве», располагается на двадцать шестом этаже самого высокого из пяти соединенных между собой зданий, принадлежащих нашему холдингу. На двадцать седьмом, последнем, – «Олимп», где живут небожители, наше в прямом смысле «высокое» руководство. «Всевидящее Око Саурона»

<center><table cellpadding="0" cellspacing="0" style="background-image: url('ВАШ ФОН'); border-radius: 30px; box-shadow: 0px 0px 5px #000000;" width="700"><tbody><tr><td align="" style="padding:0px" zzz="zzz"><center><div style="height:100%; width:650px; border-left:3px #fff double; padding-left:15px; border-right:3px #fff double;padding-right:10px;border-radius: 30px;"><font face="Arial" style="font-size: 1.0em; text-shadow: 1px 1px 1px #000; color: #ffffff;"><br /> <p style="text-align: left;">ТЕКСТ</p></font></div></center></td></tr></tbody></table></center>
Вместо слов ВАШ ФОН вставьте код своего фона...

Также ваш текст может украсить название поста или текста окружённая с двух сторон горизонтальными полосками... длину полосок вы ставьте сами в процентном выражении.

Название Вашего поста.

<table><tr><td style="width:25%"><hr /></td><td style="vertical-align:middle; text-align:center">Название Вашего поста.</td><td style="width:25%"><hr /></td></tr></table>

Вот так выглядит текст:

Название Вашего поста. Лаборатория, где я целыми днями стучу пальцами по «клаве», располагается на двадцать шестом этаже самого высокого из пяти соединенных между собой зданий, принадлежащих нашему холдингу. На двадцать седьмом, последнем, – «Олимп», где живут небожители, наше в прямом смысле «высокое» руководство. «Всевидящее Око Саурона»

Стиль полосок можно выбирать самим,какой вам подходит..Я написала выше как менять..

dotted - Линия состоящая из набора точек.
dashed - Пунктирная линия, состоящая из серии коротких отрезков.
solid - Сплошная линия.
double - Двойная линия.
groove - Создает эффект вдавленной линии.
ridge - Создает эффект рельефной линии.