User:Cassiel Seraphim/Sandbox9: Difference between revisions

@@ Line 1: / Line 1: @@
-...
+{{#css:
+.bars div { font-size:10px; color:crimson; padding:1px; line-height:100%; margin:1px; }
+.c1 { float:left; height:10px; margin:0px; padding:0px; background-color: #D7D900; }
+.c2 { float:left; height:10px; margin:0px; padding:0px; background-color: #93D500; }
+.c3 { float:left; height:10px; margin:0px; padding:0px; background-color: #51D200; }
+}}
+== Foo ==
+Having all the attributes in each {{co|coral|<nowiki><div></nowiki>}} works fine ...
+<div style="font-size:10px; color:wheat; padding:1px; line-height:100%; margin:1px;">&nbsp;1,06%<div style="width:11px; float:left; height:10px; margin:0px; padding:0px; background-color: #D7D900;"></div></div>
+<div style="font-size:10px; color:wheat; padding:1px; line-height:100%; margin:1px;">&nbsp;2,18%<div style="width:22px; float:left; height:10px; margin:0px; padding:0px; background-color: #93D500;"></div></div>
+<div style="font-size:10px; color:wheat; padding:1px; line-height:100%; margin:1px;">&nbsp;10,00%<div style="width:100px; float:left; height:10px; margin:0px; padding:0px; background-color: #51D200;"></div></div>
+== Foobar ==
+Moving the attributes into the div breaks the text-formatting ... no idea why.
+<div class="bars">&nbsp;1,06%<div class="c1" style="width:11px;"></div></div>
+<div class="bars">&nbsp;2,18%<div class="c2" style="width:22px;"></div></div>
+<div class="bars">&nbsp;10,00%<div class="c3" style="width:100px;"></div></div>