que - CSS forzar nueva línea

imprimir el contenido de un div que mantenga los estilos

Question

Tengo algo como esto:

<li>Post by <a>Author</a></li>

Y quiero mostrar el enlace en una nueva línea, como esta

Post by
Author

¿Cómo puedo conseguir esto? Claro: la izquierda no funciona.

Answer 1

¿Qué tal con un :before pseudoelemento:

a:before {
  content: ''/a'';
  white-space: pre;
}

Answer 2

Utilice <br /> O <br> -

<li>Post by<br /><a>Author</a></li>

O

<li>Post by<br><a>Author</a></li>

o

hacer la display:block; a elemento display:block;

<li>Post by <a style="display:block;">Author</a></li>

Try

Answer 3

Utilice la propiedad de visualización

a{
    display: block;
}

Esto hará que el enlace se muestre en nueva línea.

Si desea eliminar el estilo de lista, utilice

li{
    list-style: none;
}

Answer 4

o puedes usar:

a {
    display: inline-block;
  }