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

Popular posts from this blog

java - WrongTypeOfReturnValue exception thrown when unit testing using mockito -

php - Magento - Deleted Base url key -

android - How to disable Button if EditText is empty ? -