| OLD | NEW |
| (Empty) |
| 1 <!doctype html> | |
| 2 | |
| 3 <style> | |
| 4 body { | |
| 5 font-family: monospace; | |
| 6 max-width: 900px; | |
| 7 } | |
| 8 | |
| 9 #gray, #blue { | |
| 10 vertical-align:top; | |
| 11 } | |
| 12 | |
| 13 #blue { | |
| 14 overflow: hidden; | |
| 15 } | |
| 16 | |
| 17 #gray { | |
| 18 height:400px; | |
| 19 width:400px; | |
| 20 margin:2px; | |
| 21 border:1px solid #a0a0a0; | |
| 22 font-size:18px; | |
| 23 line-height:2; | |
| 24 color:#a0a0a0; | |
| 25 text-align:justify; | |
| 26 clear:both; | |
| 27 float:left; | |
| 28 } | |
| 29 | |
| 30 #blue { | |
| 31 height:200px; | |
| 32 width:300px; | |
| 33 margin-top: 2px; | |
| 34 margin-left:10px; | |
| 35 border:1px solid black; | |
| 36 font-size:12px; | |
| 37 line-height:2; | |
| 38 color:#00a0e0; | |
| 39 text-align:justify; | |
| 40 clear:none; | |
| 41 float:left; | |
| 42 } | |
| 43 </style> | |
| 44 | |
| 45 <div id="gray"> | |
| 46 <span style="background-color:#a0a0a0"> | |
| 47 This is some content This is some content | |
| 48 This is some content This is some content | |
| 49 This is some content This is some content | |
| 50 This is some content This is some content | |
| 51 This is some content This is some content | |
| 52 This is some content This is some content | |
| 53 This is some content This is some content | |
| 54 This is some content This is some content | |
| 55 This is some content This | |
| 56 </span> | |
| 57 </div> | |
| 58 | |
| 59 <div id="blue"> | |
| 60 <span style="background-color:#00a0e0"> | |
| 61 This is some content This is some content | |
| 62 This is some content This is some content | |
| 63 This is some content This is some content | |
| 64 This is some content This is some content | |
| 65 This is some content This is some content | |
| 66 This is some content This is some content | |
| 67 This is some content This is some content | |
| 68 This is some content This is some content | |
| 69 </span> | |
| 70 </div> | |
| 71 | |
| OLD | NEW |