¿Cuál es el CSS para hacer que algo vaya a la siguiente línea de la página? [cerrado
¿Cómo puedo hacer que un elemento se posicione automáticamente en una nueva línea de la página? En HTML podría usar<br>
, pero ¿cómo agrego algo como una salto de línea en CSS?
Digo que tengo el siguiente código, por ejemplo:
<p>Lorem ipsum dolor sit amet,
<span id="elementId">consectetur adipisicing elit.</span>
Magni totam velit ex delectus fuga fugit</p>
El espacio todavía está posicionado en la misma línea que el resto del texto. ¿Cómo puedo mover el texto de extensión en una nueva línea simplemente a través de CSS?
Otro ejemplo es cuando se usadisplay: inline-block
ofloat
:
<div class="smalldiv">Lorem ipsum dolor sit amet</div>
<div class="smalldiv">Lorem ipsum dolor sit amet</div>
<div class="smalldiv" id="elementId">Lorem ipsum dolor sit amet</div>
<div class="smalldiv">Lorem ipsum dolor sit amet</div>
.smalldiv {
display: inline-block; // OR
float: left;
}
¿Cómo puedo mover uno de los<div>
s en una nueva línea para crear una nueva fila?