Sangría en la Primera Línea de Párrafos con CSS

Hoy estaba trabajando en un proyecto para un cliente, y me encontré, por primera vez, con la necesidad de dejar sangría en la primer línea de los párrafos.

Luego de intentar cosas poco eficientes y aceptadas, me encontré con la sorpresa de que existe una propiedad de CSS que hace esto: text-indent.

Entonces, si estamos definiendo una clase llamada «consangria» para setearla en algunos párrafos específicos, y queremos que el espacio de la sangría sean 30 píxeles, nos quedaría algo así:

.consangria{ text-indent:30px; }

Luego, para utilizarla en algún párrafo deberíamos poner:

<p class="consangria">

Este parrafo tiene sangría en la primer línea. <br>Linea 2. <br> Linea 3.

</p>

El ejemplo se vería masomenos así:

Este parrafo tiene sangría en la primer línea.
Linea 2.
Linea 3.