Skoro wiemy już, że w języku HTML występują elementy blokowe i śródliniowe to czas aby zapoznać się z właściwością display. Czasami wygodniej byłoby gdyby element śródliniowy miał cechy blokowego, niż gdybyśmy mieli otaczać go kolejnym divem, który nie ma żadnego sensu z semantycznego punktu widzenia. Dobrym przykładem jest tutaj znacznik linku, który często mógłby służyć jako przycisk. Zamieńmy go zatem w element blokowy.
a.button {
display: block;
}Od tej chwili linki klasy button będą zachowywały się jak elementy blokowe, możemy ustalić, dla nich wysokość, szerokość, obramowanie itd. Jeżeli zaszłaby kiedyś potrzeba, żeby dokonać odwrotnej operacji można to zrobić tak:
div#wewnatrz-linii {
display: inline;
}Kolejną ciekawą cechą właściwości display jest możliwość wyłączenia wyświetlania, elementów.
div#ukryty {
display: none;
}Takie rozwiązanie stosuje się np. w przypadku menu rozwijanych.
