Sideways navigation?

by agib

HTML

<div class="outer-wrapper">
	<div class="inner-wrapper">
		<div class="content">
			<h2>Header 1</h2>Keytar occaecat American Apparel direct trade, vinyl twee asymmetrical pour-over tofu cornhole tempor artisan. Culpa gastropub nostrud aesthetic, anim Neutra 8-bit seitan nesciunt you probably haven't heard of them irure rooklyn, mumblecore esse flannel YOLO synth Echo Park. Voluptate minim blog, gastropub veniam High Life occaecat est fixie Brooklyn Godard.
		</div>
	</div>
	<div class="inner-wrapper">
		<div class="content">
			<h2>Header 2</h2>Dolore put a bird on it excepteur Williamsburg aliqua polaroid Pitchfork sriracha nulla exercitation tote bag adipisicing. Nisi semiotics 8-bit labore Carles nulla. Chillwave kogi asymmetrical, adipisicing consequat freegan ut Blue Bottle squid Williamsburg selfies velit pork belly ullamco aesthetic. Craft beer labore next level actually mollit mixtape distillery ea Brooklyn, mumblecore esse flannel YOLO synth Echo Park. Voluptate minim blog, gastropub veniam High Life occaecat est fixie Brooklyn Godard.
		</div>
	</div>
	<div class="inner-wrapper">
		<div class="content">
			<h2>Header 3</h2>Keytar occaecat American Apparel direct trade, vinyl twee asymmetrical pour-over tofu cornhole tempor artisan. Culpa gastropub nostrud aesthetic, anim Neutra 8-bit seitan nesciunt you probably haven't heard of them irure ethnic church-key. Labore placeat Portland, dolore put a bird on it excepteur Williamsburg aliqua polaroid Pitchfork sriracha nulla exercitation tote bag adipisicing. Nisi semiotics 8-bit labore Carles nulla. Chillwave kogi asymmetrical, adipisicing consequat freegan ut Blue Bottle squid Williamsburg selfies velit pork belly ullamco aesthetic. Craft beer labore next level actually mollit mixtape distillery ea Brooklyn, mumblecore esse flannel YOLO synth Echo Park. Voluptate minim blog, gastropub veniam High Life occaecat est fixie Brooklyn Godard.
		</div>
	</div>
	<div class="inner-wrapper">
		<div...

CSS

h2 {
    font-size: 28px;
    margin-bottom: 12px;
}
.outer-wrapper {
    display: table;
    width: 100%;
}
    
.inner-wrapper {
    vertical-align: top;
    display: table-cell;
    width: 100%;
}

.inner-wrapper > .content {
    width: 800px;
    padding: 20px 10px 10px;
    font-size: 1.25em;
}

.inner-wrapper:nth-child(2n) {
     background-color: #eee;
}