<html>
<head>
<style>
body { overflow: hidden; }
div {
   border: solid orange; padding: 0.5em 0.5em 0.5em 0.5em;
   display: list-item;
 }
 
 .float {
   float: left;
   margin-right: 2em;
   width:100px;
   height:100px;
   background-color: orange;
 }
</style>
<body>
<div style="display:block">
 <div class="float"></div>
 <div>
  <div>
   <div>
    List item text.
   </div>
  </div>
 </div>
</div>

<ul><li style="direction: rtl; border:2px solid red; padding:50px">Foo fofodfosjlkdf
dslkdjlk asdlksjald djklsd klasjdkas sdajd lsadjkl asjdlksajdk </ul>