Mmmmmm...nop.
Mira como queda
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
<title></title>
<style type="text/css">
p {
background-color: yellow;
direction: rtl;
text-align: justify; /*opcional right*/
width: 19em;
}
</style>
</head>
<body>
<p>
Existe un recurso usado para escribir poesía<br>
que corta el ancho de una línea si no cabe el verso.<br>
Pregunté en el Foro porque de veras no sabía<br>
si en CSS hay alguna forma para hacerlo.<br>
</p>
<hr>
<p>Existe un recurso usado para escribir poesía</p>
<p>que corta el ancho de una línea si no cabe el verso.</p>
<p>Pregunté en el Foro porque de veras no sabía</p>
<p>si en CSS hay alguna forma para hacerlo.</p>
</body>
</html> La estrofa va en un solo párrafo, como en el primer ejemplo. Si metemos un verso en cada párrafo se puede hacer algo (cambiando
direction por
writing-mode que deja el punto en su lugar), pero resulta que
first-line no acepta cambios de dirección. En IE hay una manera de cambiar la alineación de la última linea, pero hasta donde sé no es compatible con otros; de cualquier forma, si el verso se corta en más de dos lineas (algo improbable, pero posible) el diseño se nos descalabra de nuevo.
Hay otro asunto, y es que el corte que se baja debería estar alineado con el fin de la parte que queda arriba. Creo que algo han hecho para eso
http://www.w3.org/TR/2003/CR-css3-te...14/#text-align
pero habría que estudiarlo. Lo que quiero decir es que con mandarlo a la derecha no alcanza. A menos que cada párrafo tome el ancho exacto de cada verso, que va a ser un poco menor que el declarado como máximo.
No estaría mal crear una etiqueta
<verse> o parecida, que contenga su alineación diferenciada, su ancho mínimo y máximo, y el salto al siguiente verso. Parecida a las listas, pero semanticamente correctas.