joby-lol · October 24, 2014 21:40
diff --git a/CSS-centered-modal.markdown b/CSS-centered-modal.markdown
diff --git a/index.html b/index.html
 <div class="container">
    <div class="centered">
        Centered box, you can put whatever content
        you want in here, and it stays centered!
        No JS required, and super-clean markup.
    </div>
 </div>
diff --git a/script.js b/script.js
 /*
 THERE IS NO JS!
 */
diff --git a/style.css b/style.css
 .container {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#000;
    text-align:center;
 }
 .centered {
    padding:5px;
    background:#eee;
    border-radius:5px;
    display:inline-block;
    vertical-align:middle;
    max-width:400px;
    margin:10px;
 }
 .container:before {
    content:"";
    display:inline-block;
    width:0;
    height:100%;
    vertical-align:middle;
 }
	<div class="container">
	<div class="centered">
	Centered box, you can put whatever content
	you want in here, and it stays centered!
	No JS required, and super-clean markup.
	</div>
	</div>