What is causing my code to not center?
Can someone tell me what is causing the issues based off of my css?:
<style>
.parent_container {
width: 1000px;
height: 1700px;
background-color: #2A261D;
margin-left: 0 auto;
margin-right: 0 auto;
}
</style>
<style>
ul.tabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 32px;
width: 1000px;
}
ul.tabs li {
float: left;
margin: 0;
padding: 0;
height: 31px;
line-height: 31px;
border-left: none;
margin-bottom: -1px;
overflow: hidden;
position: relative;
}
ul.tabs li a {
text-decoration: none;
color: #fff;
font: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif
display: block;
font-size: 13.5px;
padding: 0 20px;
outline: none;
}
ul.tabs li a:hover {
color: #ff6600;
}
html ul.tabs li.active, html ul.tabs li.active a:hover {
color: white;
border-bottom: 1px solid #ff6600;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.tab_container {
border-top: none;
overflow: hidden;
clear: both;
float: left; width: 1000px;
background: #333;
border-top: 1px solid #ff6600;
}
.tab_content {
padding: 20px;
font-size: 1.2em;
color:#000;
}