como fazer uma área de texto html code example
Example 1: texto com tamanho maximo ler mais html
.mostrarmais p {
width:200px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
margin:5px 0 0 0;
}
.mostrarmais input {
display:none;
position:absolute;
left:-1000px;
}
.mostrarmais input:checked + p {
white-space:normal;
}
.mostrarmais input:checked + p + label {
display:none;
}
label {
color:#fff;
background:#39f;
margin:0;
}
* {}
Example 2: texto com tamanho maximo ler mais html
<div class="mostrarmais">
<input type="radio" name="mostrarmais" id="m1">
<p>Texto longo que vai ser escondido com CSS usando a propriedade overflow</p>
<label for="m1">Mostrar mais</label>
<input type="radio" name="mostrarmais" id="m2">
<p>Texto longo que vai ser escondido com CSS usando a propriedade overflow</p>
<label for="m2">Mostrar mais</label>
<input type="radio" name="mostrarmais" id="m3">
<p>Texto longo que vai ser escondido com CSS usando a propriedade overflow</p>
<label for="m3">Mostrar mais</label>
<input type="radio" name="mostrarmais" id="m0" checked="checked">
<p></p>
<label for="m0">Esconder tudo</label>
</div>