in the code below, i would like to align the text in the content div, the one in the right, to beging close to the border, not far from the navigation menu
i know this is due to my nav menu floated left, but i can’t make it !!!!!
<div style="position:relative; top:10px; float:left; border: 1px blue dashed; width:150px">
<ul>
<li style="margin-top:2px; padding-bottom:15px; list-style-type:none"><a href="index.html">Home</a></li>
<li style="margin-top:2px; padding-bottom:15px; list-style-type:none"><a href="Listings.html">Listings</a></li>
<li style="margin-top:2px; padding-bottom:15px; list-style-type:none"><a href="Financing.html">Financing</a></li>
<li style="margin-top:2px; padding-bottom:15px; list-style-type:none"><a href="contact.html">Contact</a></li>
</ul>
</div>
<div style="position:relative; top:10px; border: 1px red dashed; left:155px; width:800px; min-height:600px">
test
</div>
Like Khanh Tran mentioned, you can remove the “left: 155px;” from your content div but that will affect where your border falls. What you can then do is float that same div to the left as well.
So, change this:
To this: