Как сделать перенос табличного дива в css?

Question

[Max Ba]

Мужики, как сделать при уменьшении экрана браузера, чтоб див переносился?
https://jsfiddle.net/Stas22/oum7jjcy/

Цель, если ширина маленькая, то див span50 делался 100% по ширине, а второй переносился вниз.

Можно было float-ами сделать было, но из-за padding-ов с ними сложнее.

Answer 1

[Максим Тимофеев]

Возьми getbootstrap.com/css/#grid-media-queries или подсмотри решение там

Answer 2

[Евгений]

@media (min-width: 300px) and (max-width: 599px) {

body{background-color:#66FF99;}
.span100{width:100%; display: block;}
.span50{width:100%;display: block;}
.span50+.span50 {margin-top: 20px;}
}