1-line-CSS-Framework

One Line CSS Framework

View the Project on GitHub

1-line-CSS-Framework

One Line CSS Framework

Only CSS you need is this:

.dp50 {width:50%; float:left;}

Every column can be divided by two, becoming half column or 50% column.

One column can become 2 (50%) column or 100% = 50% + 50%.

So we can make 2,4,8,16, … layout system.

Demos:

Demo1

Demo2

Demo3