html - 用于显示div标签的css

Question

我想在容器 div 标签 asn 框内显示三个 div 标签 b1、b2、b3。我想显示我用绿色标记的 b1、b2、b3 div 标签。但现在它显示在我用红色标记的位置。我已经使用过类似的概念。该代码对我没有帮助。现在我只是尝试了一个 div b1。

.box{
  height:500px;
  border-style: solid;
  border-width: 2px;
  border-color: red;
}  
.b1{
  width:250px;
  height:175px;
  border-style: solid;
  border-width: 2px;
  border-color: #0000A0;
  margin:0;
  padding:10px 0px 0 50px;
  float:left; 
}

     <div class="box">
         <div class="b1">
         </div>  <!--end of emp div --> 
         <div class="b2">
         </div>  <!--end of cli div --> 
         <div class="b3">
         </div>  <!--end of doc div -->  
     </div> <!--end of box div -->

Answer 1

.wrap {
  height: 500px;
  border-style: solid;
  border-width: 2px;
  border-color: red;
  text-align: center;
}
.box {
  width: 25%;
  margin-top:5px;
  height: 175px;
  border-style: solid;
  border-width: 2px;
  border-color: #0000A0;
  padding: 10px 0px 0 50px;
  display: inline-block;

}

<div class="wrap">
  <div class="box b1">
  </div>
  <!--end of emp div -->
  <div class="box b2">
  </div>
  <!--end of cli div -->
  <div class="box b3">
  </div>
  <!--end of doc div -->
</div>
<!--end of box div -->