css - Links section for HTML? -

It looks like this page is very much at the very bottom:

Is there an easy way to make boxes and keep them aside?

I find that the stairway is going down to 380 px per each

Here is my source code:

  & lt ;! - External link - & gt; & Lt; Div id = "external_links" & gt; & Lt; Div & gt; & Lt; Ul style = "height: 380 px; width: 240 px; max-width: 240 pixels;" Id = "rowone" & gt; & Lt; Li & gt; & Lt; A href = "http://www.andymark.com/" title = "Andy Marks - Distributor" & gt; & Lt; H3 & gt; Andy Mark & ​​lt; / H3 & gt; & Lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; Ul style = "height: 380 px; width: 240 px; max-width: 240 pixels;" Id = "Rowtwo" & gt; & Lt; Li & gt; & Lt; A href = "http://www.andymark.com/" title = "Andy Marks - Distributor" & gt; & Lt; H3 & gt; Andy Mark & ​​lt; / H3 & gt; & Lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; Ul style = "height: 380 px; width: 240 px; max-width: 240 pixels;" Id = "Rowthree" & gt; & Lt; Li & gt; & Lt; A href = "http://www.andymark.com/" title = "Andy Marks - Distributor" & gt; & Lt; H3 & gt; Andy Mark & ​​lt; / H3 & gt; & Lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt;    
 
 
 Facilitates and simplifies your code. I have the additional  & lt; Ul & gt;  tags are removed - these links will stop appearing next to each other < 
    
 Now  & lt; Li & gt; Add a little CSS definition to the  tag.  
  li {display: inline-block; }   
 Note that I have left your remaining  & lt; Ul & gt; The width rules have been removed from the  tag - it was not enough to display from all three links side. There is a JSFDial to display code in action