The first commented line is your dabblet’s title
|
/** |
|
* The first commented line is your dabblet’s title |
|
*/ |
|
|
|
.container { |
|
background-color: red; |
|
|
|
} |
|
.left { |
|
float: left;; |
|
background-color: orange; |
|
width: 100px; |
|
|
|
} |
|
.right { |
|
background-color: green; |
|
} |
|
|
|
.subcontainer { |
|
background-color: green; |
|
|
|
} |
|
|
|
.item { |
|
float:right; |
|
width:200px; |
|
background-color: green; |
|
|
|
} |
|
|
|
div ul { |
|
list-style-type: none; |
|
} |
|
|
|
div ul li { |
|
float: right; |
|
} |
|
<!-- content to be placed inside <body>…</body> --> |
|
<div class="container"> |
|
<span class="left">Test</span> |
|
<span class="item">Item 1</span> |
|
<span class="item">Item 2</span> |
|
<span class="item">Item 3</span> |
|
<span class="item">Item 4</span> |
|
<span class="item">Item 5</span> |
|
<span class="item">Item 6</span> |
|
|
|
|
|
</div> |
|
{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"} |
/dabblet.css
Created