Zrobienie niskiego diva, który by służył za poziomą kreskę jest proste. Jednak MSIE w wersji 6 wyświetla takiego diva nieprawidłowo.
Nawet jeśli ustawimy height:1px to i tak div będzie miał kilkanaście pikseli wysokości. Aby temu zaradzić należy dodać:
font-size:0px
Jednak ponieważ nadal występują różnice między renderowaniem diva w Operze/Firefoksie i MSIE, więc dodajemy:
height:2px
Niestety niższego zrobić się nie da. Efekt końcowy wygląda następująco:
A jego kod to:
border: 1px solid black; font-size:0px; height: 2px; width: 500px
Jeśli jednak potrzebujemy niższej kreski możemy:
Div bez obramowania wypełniony czarnym kolorem o takim wyglądzie:
można stworzyć takim stylem:
background-color: black; font-size:0px; height: 2px; width: 500px