A small tip that can be handy say when you are creating a landing HTML page. The goal is to position or align a div in the centre of the browser. There are many misleading and non working example when you google this, so pasting a simple solution that works.
HTML
<div class="outer-container"> <div class="inner-container"> <center> <h3>Hello Center!</h3> </center> </div> </div>
CSS
.outer-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .inner-container { position: relative; top: 40%; }
JsFiddle: http://jsfiddle.net/31L9jdsz/
Advertisements