OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
2 <style> | |
3 .line { clear:both; } | |
4 .fakeColumn { float:left; width:95px; margin-right:10px; } | |
5 .wide { width:200px; } | |
6 .egg { background:yellow; } | |
7 .egg::before { content:"egg"; } | |
8 .sausage { background:brown; } | |
leviw_travelin_and_unemployed
2015/12/01 18:26:41
Honestly, CSS brown is not my favorite color for s
mstensho (USE GERRIT)
2015/12/01 18:55:56
What _I_ don't get, is why there is no color named
| |
9 .sausage::before { content:"sausage"; } | |
10 .spam { background:hotpink; } | |
11 .spam::before { content:"spam"; } | |
12 .lobster { background:salmon; } | |
13 .lobster::before { content:"lobster"; } | |
14 </style> | |
15 <p>Below there should be 4 rows of boxes. The boxes on each row should have the same color. | |
16 Some boxes are expected to be wider than others.</p> | |
17 <div style="line-height:30px;"> | |
leviw_travelin_and_unemployed
2015/12/01 18:26:41
I feel like you need two rows of bread for this to
mstensho (USE GERRIT)
2015/12/01 18:55:56
Low-carb!
| |
18 <div class="line"> | |
19 <div class="fakeColumn egg wide"></div> | |
20 <div class="fakeColumn egg"></div> | |
21 <div class="fakeColumn egg"></div> | |
22 <div class="fakeColumn egg"></div> | |
23 <div class="fakeColumn egg"></div> | |
24 </div> | |
25 <div class="line"> | |
26 <div class="fakeColumn sausage"></div> | |
leviw_travelin_and_unemployed
2015/12/01 18:26:41
Why no wide sausage?
mstensho (USE GERRIT)
2015/12/01 18:55:56
Sorry. EU directive. :(
| |
27 <div class="fakeColumn sausage"></div> | |
28 <div class="fakeColumn sausage"></div> | |
29 <div class="fakeColumn sausage"></div> | |
30 <div class="fakeColumn sausage"></div> | |
31 <div class="fakeColumn sausage"></div> | |
32 </div> | |
33 <div class="line"> | |
34 <div class="fakeColumn spam wide"></div> | |
35 <div class="fakeColumn spam"></div> | |
36 <div class="fakeColumn spam"></div> | |
37 <div class="fakeColumn spam"></div> | |
38 <div class="fakeColumn spam"></div> | |
39 </div> | |
40 <div class="line"> | |
41 <div class="fakeColumn lobster"></div> | |
42 <div class="fakeColumn lobster"></div> | |
43 <div class="fakeColumn lobster"></div> | |
44 <div class="fakeColumn lobster"></div> | |
45 <div class="fakeColumn lobster wide"></div> | |
46 </div> | |
47 </div> | |
OLD | NEW |