Welcome to WebmasterWorld Guest from 22.214.171.124
Forum Moderators: not2easy
I am trying to have the image and then the text overlaying the image
/* position: relative; */
border: 1px solid blue;
/* position: absolute;
height: 100%; */
Unknown stuff to be centered.
<!-- <img src="image.jpg" height="300px" width="300px" alt=""> -->
It needs to be adaptable.
An ‘auto’ value for one dimension is resolved by using the image's intrinsic ratio and the size of the other dimension, or failing that, using the image's intrinsic size, or failing that, treating it as 100%.
If both values are ‘auto’ then the intrinsic width and/or height of the image should be used, if any, the missing dimension (if any) behaving as ‘auto’ as described above.