li{display:block; float: left; margin:0px 10px 0px 0px; padding: 0}

<div id="info1">
  <h2>Resources Worth Checking</h2>
  <ul>
    <li><a href="http://alistapart.com/">A List Apart</a></li>
    {...список опций}
  </ul><br/>
</div><br/>
<div id="info2">{по аналогии}</div>
<div id="info3">{по аналогии}</div>

#info1  {
float:left;
margin:0;
padding:0;
width:30%;
}
#info2  {
float:left;
margin:0 0 0 35px;
padding:0;
width:30%;
}
#info3  {
float:left;
margin:0 0 0 35px;
width:15%;
}