Ex: Eu tenho um parágrafo dentro de uma div, e eu quero que sempre que o texto quebre uma linha, ele expanda para cima, ao invés de para baixo (padrão).
Vejam o exemplo:
#content {
width: 200px;
height: 200px;
background: yellow;
}
#texto {
font-size: 16px;
width: 180px;
float: left;
margin-left: 10px;
margin-top: 95px;
}
<div id="content" >
<p id="texto" >
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore
</p>
</div>
Notem que o texto está próximo ao inferior da div, e se eu adicionar mais texto ali, ele irá sair do espaço. Por isso que eu gostaria de saber uma solução (Não overflow hidden) que alocasse o texto corretamente ali, independente do tamanho, pois isso seria um título vindo do banco de dados, e assim seria uma string de length variável.
Obs: Mantendo o margin-top o máximo possível, deixando tipo uns 10px somente de distância do inferior.
Obrigado a todos e bom dia!