Hola,
Estoy atascado intentando colocar un elemento en el centro del DIV que lo contiene (tanto horizontal como verticalmente). He estado buscando pero no encuentro la solución. Adjunto el problema.
Código:
<html>
<head>
<title>Test</title>
<style>
div {
position: relative;
width: 180px;
height: 180px;
background-color: yellow;
}
div p {
position: absolute;
top: 0;
}
</style>
</head>
<body>
<div>
<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/b/b7/Cercle_bleu_100%25.svg/200px-Cercle_bleu_100%25.svg.png" width="180px" height="180px" alt="ring">
<p>Centrame</p>
</div>
</body>
</html>
Querría que el <p>Centrame</p> estuviese en el centro del <div>
Un saludo.