Podziały wierszy można dodawać do elementów HTML bez konieczności używania powrotu z przerwania
przy użyciu pseudoelementów. Pseudoelementy służą do modelowania określonej części elementu. Tutaj użyjemy:: after, aby nadać styl elementowi HTML, aby dodać podział wiersza.
W powyższym kodzie używamy pseudoelementu :: after
na każdym elemencie śródliniowym (reprezentowanym przez span), aby dodać powrót karetki (reprezentowany przez „a”) po wierszu zakresu tekstu. :: after
w tym przypadku ma właściwość content i właściwość whitespace dostępną do użycia.
Właściwość „content” opisuje rzeczy, które chcemy wprowadzić w czas trwania. Właściwość białych znaków mówi nam, czy powinniśmy zachować białe znaki. Pozostawienie tej konkretnej właściwości wyłączonej nie koliduje z funkcją blokowania w linii wnęki. Dlatego musimy dodać tę konkretną właściwość, aby ją zastąpić.
W miarę jak coraz częściej bawisz się stylem i układem, prawdopodobnie okaże się, że powyższe rozwiązanie niekoniecznie jest najlepszym rozwiązaniem. Jeśli dodasz dopełnienie dowolnego rodzaju wraz z tłem, zobaczysz, że te właściwości CSS mają tendencję do zanikania tam, gdzie pojawia się tło. Zobacz przykładowy kod poniżej, który ilustruje punkt:
Profesor Dumbledore
Profesor McGonagall
Profesor Łotr
profesor Trelawney