Gostaria de saber como quebrar linha entre tags do mesmo tipo Ex: Tenho varias labels e quero quebrar a linha entre elas, mas de forma que eu faça uma vez para todas
3 Respostas
Você pode tentar também desta forma
label{
display:block;
clear:left;
}
<label>Primeiro Texto</label>
<label>Segundo Texto</label>
<label>Terceiro Texto</label>
<label>Quarto Texto</label>
Espero ter ajudado ;)
-
1
-
Se for um objeto flutuante, o clear faz com que ele jogue o objeto para esquerda abaixo do objeto anterior. Commented 5/10/2017 às 16:48
-
Um exemplo que descrevo abaixo
label{
display: block;
}
<label>1</label>
<label>1</label>
<label>1</label>
<label>1</label>
Neste código, ele altera TODOS os labels da página. Se quiser só alterar um certo conjunto de labels, ponha-os dentro de uma div e ponha desta forma
<div class="topo">
<label>1</label>
<label>1</label>
<label>1</label>
<label>1</label>
</div>
E nos estilos ponha da seguinte forma.
.topo > label{
display:block;
}
-
-
-
-
@JeanSimas Tem um botão com um certo junto ao numero de votos na minha resposta :) Commented 9/10/2017 às 15:07
<style>
.texto1 {word-wrap:normal}
.texto2 {word-wrap:break-word}
p {width:60%;max-width:400px}
</style>
<p class="texto1" style="border:2px solid orange">Seu texto</p>
<p class="texto2" style="border:2px solid orange">Seu texto</p>
-
1Você pode comentar, em português mesmo, como esse exemplo responde ao que foi perguntado, e qual a diferença a ser esperada entre as duas formas?– jsbuenoCommented 5/10/2017 às 13:38