No skusil som stackoverflow a napisali mi funkcne riesenie:
HTML:
Kód:
<div class='someOuterElement'>
<div class="picture">
<img src="http://placehold.it/500/500" width="500" height="500" >
</div>
<p class='textik'>Hello handsome.</p>
</div>
CSS:
Kód:
.someOuterElement {
position: relative;
width: 500px
}
.textik {
text-align; center;
position: absolute;
top:50%;
left: 50%;
transform: translate(-50%, -50%)
}
Nastestie to bolo cele obalene v dive ktory mozem pouzit..robi to troska mess ale da sa to.
