Buenas, tengo un problema que no le encuentro solución.
Tengo un texto en bloque inline, que tiene varios renglones, al que no puedo aplicarle padding.
Una imagen vale mas que mil palabras asi me entienden.
Quiero lograr esto:
Pero me sale esto:
El código que tengo:
Código CSS:
Ver original#wrapper {
width: 200px;
}
h1 {
background: red;
display: inline;
padding: 10px;
font-size: 20px;
line-height: 50px;
}
Entiendo que me lo toma como una sola línea, por eso me aplica el padding solo en el comienzo y en el final. No logro comprender como poder hacer para que en cada supuesto salto de línea me aplique el padding. Alguna sugerencia?