http://www.w3schools.com/css/css_align.asp
.center {
margin: auto;
width: 60%;
border: 3px solid #73AD21;
padding: 10px;
}
Try it yourself ยป
Tip: Center aligning has no effect if the width property is not set (or set to 100%).
Tip: For aligning text, see the CSS Text chapter
http://www.senktec.com/2014/01/using-css-display-table-cell-for-columns/
<div id="wrap">
<div id="header"></div>
<div id="nav"></div>
<div id="main"></div>
<div id="sidebar"></div>
<div id="footer"></div>
</div>
#main {
float:right;
width:500px;
background:#9c9;
}
#sidebar {
float:left;
width:250px;
background:#c9c;
}
—————– Jennie
#main {
float:right;
width:500px;
background:#9c9;
}
#sidebar {
float:left;
width:250px;
background:#c9c;
}
<div id="wrap">
<div id="main"><hr>Main<hr></div>
<!– hr –>
<div id="sidebar"><hr>Side<hr></div>
</div>
<hr>
===Scroll Bar===
div.scroll{color: #000000; width: 486px;height: 300px;overflow: auto;scrollbar-face-color: #FF9900;
scrollbar-shadow-color: #3D5054;scrollbar-highlight-color: #C3D6DA; scrollbar-3dlight-color: #3D5054;scrollbar-darkshadow-color: #89C;
scrollbar-track-color: #E0E0E6;scrollbar-arrow-color: #ffffff;}