For some reason unbeknownst to me, I have created two distinct CSS classes called content and sidebar1. My original intention was to position the sidebar on the right side of the page. However, no matter what adjustments I make, the sidebar stubbornly remains on the left!
Here's My Code:
The CSS Styles:
.container {
max-width: 1500px;
min-width: 1200px;
background-color: #000000;
margin: 0 auto;
}
.sidebar1 {
float: right;
width: 200px;
padding-bottom: 10px;
}
.content {
padding: 10px 0;
width: 1000px;
float: right;
border-left-color: #FFF;
border-right-color: #FFF;
}
The HTML Structure:
<div class="container">
<div class="content">
<h1>Heading</h1>
</div>
<div class="sidebar1">
</div>
</div>
Could someone please shed some light on where I may be going wrong in my implementation?