810726-2.html (1374B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style type="text/css"> 5 body { 6 font-size: 0.875em; 7 line-height: 1.30em; 8 font-family: Arial; 9 } 10 11 p, ul, li { 12 margin: 0; 13 padding: 0; 14 background-color: rgb(235, 235, 235); 15 } 16 17 ul { column-count: 2; 18 background-color: rgb(255, 200, 200); 19 } 20 21 li { margin-left: 17px } 22 .wrapper { 23 background-color: rgb(255, 0, 155); max-width: 910px; 24 border: 1px solid green; 25 } 26 27 .column { 28 width: 73%; 29 padding: 20px 60px 20px 40px; 30 box-sizing: border-box; 31 background-color: rgb(0, 95, 255); 32 } 33 34 .img { 35 float: left; 36 width: 261px; 37 height: 150px; 38 background-color: rgb(88, 20, 100); 39 } 40 </style> 41 </head> 42 <body> 43 <div class="wrapper"> 44 <div id="colEle" class="column"> 45 <ul> 46 <li> 47 <p>123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123</p> 48 </li> 49 <li> 50 <p>123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123</p> 51 <div class="img"></div> 52 </li> 53 </ul> 54 </div> 55 </div> 56 </body> 57 </html>