Tworzenie pionowej linii
Dzięki kaskadowym arkuszom stylów można w łatwy sposób tworzyć pionowe linie. Poniżej przedstawiony jest przykład.
<div style="border-left:1px solid black; height: 200px; width: 0"></div>
Zamiast black można wpisać dowolny kolor, w którym będzie wyświetlana pionowa linia, natomiast wartość height odpowiada za długość linii.
No dobra ale jeśli mam dwa div float: left; czyli obok siebie. I pomiędzy nimi chcę stworzyć pionową linię która by nie zaczynała się od samej góry, tylko od góry i dołu diva miała równe odstępy. czyli coś w stylu hr z width=”70%” tylko zamiast width to hight. (i tak sprawdzałem hight=”70%” nie działa.)
Tak na pierwszy rzut oka, zrobiłbym wewnętrznego diva z odpowiednim marginesem dolnym i górnym, a następnie dodał obramowanie do niego.