<!DOCTYPE html> <html> <head> <style type="text/css"> body { font-size: 0.875em; line-height: 1.30em; font-family: Arial; } p, ul, li { margin: 0; padding: 0; background-color: rgb(235, 235, 235); } ul { -moz-column-count: 2; background-color: rgb(255, 200, 200); } li { margin-left: 17px } .wrapper { background-color: rgb(255, 0, 155); max-width: 910px; border: 1px solid green; } .column { width: 73%; padding: 20px 60px 20px 40px; box-sizing: border-box; background-color: rgb(0, 95, 255); } .img { float: left; width: 261px; height: 150px; background-color: rgb(88, 20, 100); } </style> </head> <body> <div class="wrapper"> <div id="colEle" class="column"> <ul> <li> <p>123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123</p> </li> <li> <p>123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123</p> <div class="img"></div> </li> </ul> </div> </div> </body> </html>