texto - todo en una sola linea css

Secuencia de caracteres Newline en la propiedad ''contenido'' de CSS?

Question

Esta pregunta ya tiene una respuesta aquí:

• Cómo insertar un salto de línea antes de un elemento usando CSS 14 respuestas

¿Es posible usar el carácter de nueva línea en la propiedad de content CSS para forzar un salto de línea? Algo como:

figcaption:before
{
    content: ''Figure /n'' + attr(title);
}

Answer 1

La propiedad de content acepta una string y:

Una cadena no puede contener directamente una nueva línea. Para incluir una nueva línea en una cadena, use un escape que represente el carácter de alimentación de línea en ISO-10646 (U + 000A), como "/ A" o "/ 00000a". Este personaje representa la noción genérica de "nueva línea" en CSS.

(No tengo idea acerca del soporte de navegador real).

Answer 2

figcaption:before
{
    content: ''Figure /a'' attr(title);
    white-space: pre;
}

Tenga en cuenta que en el valor del atributo de content , la concatenación se expresa solo con espacios en blanco, no con un signo "+". La notación de escape /a en un literal de cadena CSS indica un carácter de salto de línea.