centering with absolute position

dabblet.css

/**
 * centering with absolute position
 */

.inside {
	display: inline-block;
	background: red;
	margin: auto auto;
	text-align: left;
	
	
}

.container {
text-align: center;
margin: auto auto;
width: 90%;
background: green;
overflow: auto;
height: 100%;
}

.outside {
	background-color: blue;
	position: relative;
	
	position: fixed;
	top:50px;
	bottom:50px;
	left: 0;
	right: 0;
	
	/*height: 100%;*/
}

dabblet.html

<div class="outside">

<div class="container">
	<div class="inside"><p>porra para estes gajos</p><p>porra para estes</p><p>porra para estes gajos</p><p>porra para estes gajos porra</p><p>porra para estes gajos</p>
	<p>porra para estes</p><p>porra para estes gajos</p><p>porra para estes gajos porra</p><p>porra para estes gajos</p><p>porra para estes</p><p>porra para estes gajos</p>
	<p>porra para estes gajos porra</p><p>porra para estes gajos</p><p>porra para estes</p><p>porra para estes gajos</p><p>porra para estes gajos porra</p><p>porra para estes gajos</p>
	<p>porra para estes</p><p>porra para estes gajos</p><p>porra para estes gajos porra</p><p>porra para estes gajos</p>
	<p>porra para estes</p><p>porra para estes gajos</p><p>porra para estes gajos porra</p><p>porra para estes gajos</p><p>porra para estes</p><p>porra para estes gajos</p>
	<p>porra para estes gajos porra</p><p>porra para estes gajos</p><p>porra para estes</p><p>porra para estes gajos</p><p>porra para estes gajos porra</p></div>
</div>

</div>

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}