多上网页文字对齐的问题

我的源代码是

   <h4>

      <a href="#">AAA</a>&nbsp;&nbsp;<a href="#">BBB</a>

      <br/>

      <a href="#">CCC</a>&nbsp;&nbsp;<a href="#">DDD</a>      

      <br/>

      <a href="#">EEE</a>&nbsp;&nbsp;<a href="#">FFF</a>

 </h4>

       期待的效果是每行对齐，但结果是CCC比AAA要后面一些，行与行之间没对齐，有偏移。

  改后的代码是：

   <h4>

     <ul>

       <li>

               <a href="#">AAA</a>&nbsp;&nbsp;<a href="#">BBB</a>

       </li>

       <li>

              <a href="#">CCC</a>&nbsp;&nbsp;<a href="#">DDD</a>      

        </li>

       <li>

              <a href="#">EEE</a>&nbsp;&nbsp;<a href="#">FFF</a>

       </li>

    </ul> 

</h4>