alongsideDiv
is a flexible, responsive css layout, aimed at displaying multiple blocks of text in different columns, without enforcing a visual structure.
<div class=alongsideCnt>
<div class=alongside>
content (text and in-text content)
</div>
<div class=alongside>
more content (text and in-text content)
</div>
...and so on
</div>
The text is centered horizontally, by default.
Because of the minimalistic approach, alongsideDiv has a small source code that can be included here.
.alongsideCnt {
vertical-align: top;
text-align: center;
}
.alongside {
max-width: 25em;
display: inline-block;
vertical-align: top;
padding: 1em;
overflow: hidden;
}
.alongside:hover {
overflow: auto;
}
.alongside > * {
vertical-align: baseline;
}
© 2013 Michele Bini [email protected]
alongsideDiv
is released with a permissive MIT-style license.