CSS Framework
<div class="encapsulated">
Welcome
</div>=> After JS
<div class="encapsulated">
<div class="sub">
Welcome
</div>
</div>///////
<div class="child-encapsulated">
<div>
Welcome1
</div>
<div>
Welcome2
</div>
<div>
Welcome3
</div>
</div>=> After JS
<div class="child-encapsulated">
<div>
<div class="sub">
Welcome1
</div>
</div>
<div>
<div class="sub">
Welcome2
</div>
</div>
<div>
<div class="sub">
Welcome3
</div>
</div>
</div>/////////////////////////////////////////////////
3 columns auto adjusted
<div class="xs-div3">
<div>Welcome 1</div>
<div>Welcome 2</div>
<div>Welcome 3</div>
</div>=> After CSS [Welcome 1][Welcome 2][Welcome 3]
///////
3 columns auto adjusted
<div class="xs-div3">
<div>Welcome 1</div>
<div>Welcome 2</div>
<div>Welcome 3</div>
<div>Welcome 4</div>
</div>=> After CSS [Welcome 1][Welcome 2][Welcome 3] [Welcome 4]
///////
3 columns auto adjusted
<div class="xs-div3">
<div>Welcome 1<br>Welcome 1'</div>
<div>Welcome 2</div>
<div>Welcome 3</div>
<div>Welcome 4</div>
</div>=> After CSS [Welcome 1 ][Welcome 2][Welcome 3] [Welcome 1'][Welcome 4]
/////////////////////////////////////////////////
<div class="raw">
<div>Welcome 1</div>
<div>Welcome 2</div>
<div>Welcome 3</div>
</div>=> After CSS [ Welcome 1 ] [ Welcome 2 ] [ Welcome 3 ]
/////////////////////////////////////////////////
<ul class="hlist">
<li>AAA</li>
<li>BBB</li>
<li>CCC</li>
<li>DDD</li>
</ul>=> After CSS [AAA][BBB][CCC][DDD]
///////
<ul class="hlist right">
<li>AAA</li>
<li>BBB</li>
<li>CCC</li>
<li>DDD</li>
</ul>=> After CSS [DDD][CCC][BBB][AAA]
/////////////////////////////////////////////////
| disc | disc |
| circle | circle |
| square | square |
| roman | upper-roman |
| alpha | lower-alpha |
| bigalpha | upper-alpha |