Hola a todos,
Tengo un inconveniente con algo que estoy armando... se trata de un div en el que va a ir una noticia dentro, y aparte le quiero agregar un boton de "Leer Mas" dentro de ese div, en la parte inferior izquierda... Les dejo un ejemplo en codigo:
Código:
<div class="notice">
<p>textoooooooooooo</p>
<a href="#" class="read-more">Leer Mas</a>
</div>
Y el CSS:
Código:
.notice {
height: 250px;
width: 250px;
border: 1px solid black;
}
.read-more {
position: relative;
top: 150px;
left: 15px;
}
Y ahi queda bien, sin embargo cuando le agrego mas texto al <p> el boton de Leer Mas se va para abajo... digamos que entiendo el porque pasa, ya que esta en position relative, pero no se me ocurre de que forma podria hacer para que no pase esto, a menos que use position absolute pero no me sirve en mi caso ya que tengo varios cuadros de noticias... aparte de que seguro se puede solucionar de una forma mas correcta.
Alguna solucion? Gracias de antemano.
Cualquier cosa si no se entiende el problema subo imagenes, pero creo que quedo bastante claro.