Вертикальная линия HTML

В своё время была надобность в формировании вертикальной линии на HTML.Помню пришлось изрядно помучиться : в стандартных тегах такой функции нет.Незнаю чем и о чём думали разработчики - но таковы реалии.Облазив несметное число сайтов с советами и "рецептами", и пообщавшись с великими мастерами HTML - простого и , главное, валидного кода получить так и не удалось... Решение пришло после работы с изображениями. Рисуя сложные геометрические фигуры довольно часто приходилось их сжимать и растягивать...Почему нельзя вытянуть фигуру толщиной в пиксел или два ? И какой будет вид сего объекта ? Дальше всё решилось легко и просто. Итак приступим... Для получения вертикальной линии достаточно нарисовать в любом графическом редакторе простой плоский квадрат со сторонами 1см х 1см нужного цвета 001.jpg и описать его
ширину , ну скажем , в два пиксела , а высоту задать , к примеру , в двести пикселов. Всё... Линия готова. На примере это выглядит так:

<html>
<head>
<title>Вертикальная линия в HTML</title>
</head>
<body>
<p align="center">
<img width="2" height="200" src="001.jpg" alt="line">
</body>
</html>

Получилась такая линия:

line

Изменяя параметры width и height можно менять ширину и длинну линии. Само собой так можно создавать линии и других цветов.

Удачи !

Полезное