User:ElectricVersion/LayoutTesting: Difference between revisions

no edit summary
(Created page with "<div style="width:100%; background:#f8fbff;">More Text Blah Blah Blah</div> <div style="width:55%; float:left; box-sizing:border-box; background-color:pink;">Column A </div> <div style="width:45%; float:right; box-sizing:border-box; background-color:lightblue;">Column B <div> <div style="width:50%; float:left; box-sizing:border-box; background-color:blue;">SubColumn B-1 </div> <div style="width:50%; float:right; box-sizing:border-box; backgro...")
 
No edit summary
 
Line 1: Line 1:
<div style="width:100%; background:#f8fbff;">More Text Blah Blah Blah</div>
<div style="width:100%; background:#f8fbff;">
 
<div style="background:#f8fbff; border:1px solid black; margin:0.5em; padding:0.5em;">Some Text</div>
<div style="width:55%; float:left; box-sizing:border-box; background-color:pink;">Column A
</div>
</div>
<div style="width:45%; float:right; box-sizing:border-box; background-color:lightblue;">Column B
<div>
<div style="width:55%; float:left; height:100%; box-sizing:border-box; background-color:pink;"><div style="background:#f8fbff; border:1px solid black; margin:0.5em; padding:0.5em;">Column A</div>
</div>
<div style="width:45%; height: 100%; float:left; box-sizing:border-box; background-color:lightblue;"><div style="background:#f8fbff; border:1px solid black; margin:0.5em; padding:0.5em;">Column B</div>
     <div>
     <div>
         <div style="width:50%; float:left; box-sizing:border-box; background-color:blue;">SubColumn B-1
         <div style="width:50%; float:left; box-sizing:border-box; background-color:blue;"><div style="background:#f8fbff; border:1px solid black; margin:0.5em; padding:0.5em;">Some Text</div>
         </div>
         </div>
         <div style="width:50%; float:right; box-sizing:border-box; background-color:green;">SubColumn B-2
         <div style="width:50%; float:left; box-sizing:border-box; background-color:green;"><div style="background:#f8fbff; border:1px solid black; margin:0.5em; padding:0.5em;">Some Text</div>
     </div>
     </div>
</div>
</div>
</div>
</div>
</div>