ljayz · August 10, 2012 09:23
diff --git a/dabblet.css b/dabblet.css
 /**
 * Vertical centering CSS technique
 */
 div:before,
 div p {display:inline-block; vertical-align:middle;}

 div:before {content:" ";  height:100%;}



diff --git a/dabblet.html b/dabblet.html
 <!DOCTYPE html>
 <meta charset="utf-8">
 <title>Vertical centering CSS technique</title>
 <link rel="stylesheet" href="index.css">

 <div style="height:100px; border:1px solid;">
    <p style="border:1px dotted;">I'm vertically centered.</p>
 </div>
diff --git a/index.css b/index.css
 div:before,
 div p {display:inline-block; vertical-align:middle;}

 div:before {content:" ";  height:100%;}



diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <meta charset="utf-8">
 <title>Vertical centering CSS technique</title>
 <link rel="stylesheet" href="index.css">

 <div style="height:100px; border:1px solid;">
    <p style="border:1px dotted;">I'm vertically centered.</p>
 </div>
diff --git a/settings.json b/settings.json
 {"view":"separate","fontsize":"100","seethrough":"1","prefixfree":"1","page":"all"}
	/**
	* Vertical centering CSS technique
	*/
	div:before,
	div p {display:inline-block; vertical-align:middle;}

	div:before {content:" "; height:100%;}
	<!DOCTYPE html>
	<meta charset="utf-8">
	<title>Vertical centering CSS technique</title>
	<link rel="stylesheet" href="index.css">

	<div style="height:100px; border:1px solid;">
	<p style="border:1px dotted;">I'm vertically centered.</p>
	</div>