center div 228

by greatCar

HTML

<div id="main_content" class="container">
asdfasdfsadf
<div id="container" class='main_content'>
test
  </div>

</div>


<div style= "width:300px; height:200px; border-style:solid;border-width: 3px; border-color:black;background: yellow; ">



alskjasff
</div>

CSS

.container{
width:300px;  
height:200px;  
background: yellow;
margin: 50px;
border-style:solid;
border-width: 3px
}


.main_content{
  height:50px;
  width: 50px;
  margin: 3px;
  background: white;
  border-style: solid;
  border-width: 5px;
 border-color: red;  
 text-align:center;
  vertical-align: middle;
  line-height: 50px;  
}