gunnarbittersmann · October 25, 2012 23:50
diff --git a/dabblet.css b/dabblet.css
 /**
 * How To Vertically Center
 * http://www.vanseodesign.com/css/dynamic-vertical-centering/#comment-336477
 */

 #parent {
  display: table-cell;
  height: 500px;
  width: 450px;
  vertical-align: middle;
  background: #ccc;
 }
      
 .child {
  width: 300px;
  height: 150px;
  margin: auto;
  background: #333333;
  outline: 1px solid #FFFFFF;
 }
diff --git a/dabblet.html b/dabblet.html
 <div id="parent">
    <div class="child"></div>
    <div class="child"></div>
 </div>
diff --git a/settings.json b/settings.json
 {"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* How To Vertically Center
	* http://www.vanseodesign.com/css/dynamic-vertical-centering/#comment-336477
	*/

	#parent {
	display: table-cell;
	height: 500px;
	width: 450px;
	vertical-align: middle;
	background: #ccc;
	}

	.child {
	width: 300px;
	height: 150px;
	margin: auto;
	background: #333333;
	outline: 1px solid #FFFFFF;
	}
No results found