1

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 3

3

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 ;)

3
  • 1
    Qual a função do clear: left na sua resposta?
    – Woss
    5/10/2017 às 13:38
  • Se for um objeto flutuante, o clear faz com que ele jogue o objeto para esquerda abaixo do objeto anterior. 5/10/2017 às 16:48
  • Nice, deu certo
    – Jean Simas
    6/10/2017 às 5:10
1

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;
}
4
  • Funcionou direitinho, valeu
    – Jean Simas
    6/10/2017 às 5:09
  • Dê a resposta como aprovada :) 6/10/2017 às 14:00
  • Eu gostaria, mas não sei fazer
    – Jean Simas
    7/10/2017 às 14:19
  • @JeanSimas Tem um botão com um certo junto ao numero de votos na minha resposta :) 9/10/2017 às 15:07
0
<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>
1
  • 1
    Você 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?
    – jsbueno
    5/10/2017 às 13:38

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .