Lo que tengo es una sangría de 100px
en el h3
"Recogidas sin costo"
Puse debajo de el párrafo con muchas "a" pero al ejecutarlo, como pueden ver, la primera línea es la única que se adapta al h3
pero las otras ¡NO!
Me gustaría que quedara algo así:
RECOGIDAS SIN COSTO
aaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaa
Aquí les dejo el CSS
y el HTML
. Disculpen si todo esta desorganizado es que ando practicando. Espero me hayan entendido gracias.
.acomo{
text-indent: 100px;
width: 500px;
height: auto;
word-wrap: break-word;
}
.acomo2{
text-align: left;
width: 450px;
height: auto;
word-wrap: break-word;
}
<div style="width: 1300px; height: 300px;" class="red-cube">
<h3 class="acomo">
RECOGIDAS SIN COSTO
<p class="acomo2"> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</p>
</h3>
</div>