<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>무제 문서</title>
<style type="text/css">

body {
 margin:0;
 width:100%;
 background-image: url();
}

.main_wrap{
width:100%;

background-color:red;
valign:top; 
height:300px;
}
.main_wrap .inner{
width:50%;
float:center;
height:100px;
background-color:yellow;
valign:top; 
}
-->
</style>
</head>

<body  leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

  
  <!-- 메인 --> 
  
  <div class="main_wrap">
  <div class="inner">
   
  sorry.
  

</div> 

</div>

</body>
</html> 

-------------------------------------

노란색박스 float:center; 해주는데도 가운데로 안와요..

그리고

  .main_wrap .inner{

는

.main_wrap {}

.inner{ }

분리해도 상관없나요? 어떤차이가 있는지요?