Text-indent
text-indent - tworzy wcięcie akapitowe w tekście.
Możliwe wartości:
-
jednostki długości i procenty wyrażające odstęp od lewego marginesu
Przykład użycia:
Razem z górnymi i dolnymi marginesami, oraz zwiększonym odstępem między liniami, tworzymy schludnie wyglądające akapity:
p
{
margin: 10px 0px;
line-height: 150%;
text-indent: 30px;
}
Lorem ipsum dolor sit amet enim. Cras rhoncus eget, nisl. Etiam lobortis diam. Donec non eros. Integer hendrerit nibh nulla a pellentesque auctor ligula. Proin venenatis interdum, diam magna ante, luctus et wisi. Sed sollicitudin a, convallis quam quis molestie turpis egestas. Vestibulum ante sit amet neque. Vestibulum dapibus ut, porta sit amet enim. In metus. Phasellus ut metus sem, imperdiet neque. Nunc erat eu.
Cum sociis natoque penatibus et lacus tellus dolor urna, egestas dignissim, sapien auctor nibh, interdum dui ornare elementum nulla. Duis sodales dignissim massa. Donec molestie a, mauris. Pellentesque sagittis, nunc vel bibendum nulla in faucibus orci eget sem quam, lobortis venenatis, nunc ac posuere orci. Nullam accumsan. Nullam sit amet sapien massa id felis. Maecenas vitae mi. Suspendisse sed nunc. Suspendisse eget elit porta tincidunt. Maecenas in ligula ut pede. Cras justo a.
Aliquam et nisl. Cras ornare lobortis non, tristique mauris et netus et dui. Maecenas sapien et magnis dis parturient montes, nascetur ridiculus mus. Morbi nibh. Etiam varius, rutrum nulla, accumsan at, suscipit a, hendrerit nulla quam leo, cursus vitae, placerat ut, fermentum pellentesque adipiscing ligula. Lorem ipsum vel turpis. Duis a leo. Vivamus nec leo ut mattis id, elementum vel, luctus sagittis. Lorem ipsum primis in dictum at, aliquet vulputate, arcu ac.