Center vertical image on top image

Question

from some helped from others in stackoverflow i already horizontal my text on image. Right now i want the text at center on vertical also. Thank you very guys

<body>
    <div class="images">
    <img src="image.jpg" id="imageid" />
    <div class="texts" id="text">
        <a href="#">Gallery 1</a>
    </div>
</div>

.images {
    position:relative;
    text-align:center;
    float: left;
}

.texts {
    left: 0;
    position:absolute;
    width: 100%;
}

Answer 1

You can take a look into this explanatory site http://css-tricks.com/what-is-vertical-align/

You can use vertical-align:middle property to align the image to the text.

Here is a sample http://www.w3schools.com/cssref/tryit.asp?filename=trycss_vertical-align

Center vertical image on top image

Question

1 answers

solution1
0 2015-02-06 23:52:49

Center vertical image on top image

Question

1 answers

solution1 0 2015-02-06 23:52:49

solution1
0 2015-02-06 23:52:49