html - Two column text with image in middle middle -
i have looked around lot cannot find tutorial or suggestion how place image in both vertical , horizontal center of page of two-column text. i've seen explanations straddling image across 2 columns, aligned @ top of text. want align image in middle middle.!
is possible? prefer in css, consider works, (especially if comes instruction.) can offer (even if it's tell me give up.) (c;
i've found technique described here , shown below effective:
html
<div class="container"> <div class="inner"> <img src="//placehold.it/200x200"> </div> </div>
css
.container { text-align: center; } .container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .inner { display: inline-block; vertical-align: middle; }
Comments
Post a Comment