[Ihealyou]

Originally Posted by EchoedTruth [You must be logged in to view images. Log in or Register.]

To Ihealyou: when I take float: left out of the code, it puts the article next to the nav bar, but the border of the article goes behind the nav bar (it extends across the page). I'm trying to have a border and have it lined up next to the nav bar properly.

You could set the width of the navbar section and then set the margin-left of the article to the same width, like this:

    <nav style="background-color: red; border: 2px solid black; margin: 10px; padding: 10px; float: left; width:150px; ">
     
      <fieldset class="field"><a href="BTSMain.html"><b>Home</b> </a></fieldset>
      <fieldset class="field"><a href="BTSServices.html"><b>Services We Offer</b></a></fieldset> 
      <fieldset class="field"><a href="BTSAboutUs.html"><b>Request Service</b></a></fieldset>
      <fieldset class="field"><a href="BTSTestPage.html"><b>Contact Us</b></a></fieldset>
      <fieldset class="field"><a href="BTSTestPage2.html"><b>About BTS</b></a></fieldset>
		
     </nav>
	 
  
     <article style="margin-left:150px;">
 
      My world is a strange place... it is populated by lemurs, lobsters, larvae, lampreys, and llamas. Lllaaaammmaaaaaaaaaassssssssssssssssssssssssss........... Lllaaaammmmmmmmaaaaaaassssssssssssssss
 
      <h4> <b> Llamas...... </b> </h4>
 
    </article>

Again, I don't know if this is best practices or anything, but it got me through my web development class.