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>

Tags:

Html Example