SOURCE

<div class="container">
  <div class="box box1">
    <div class="box3">
      <input type="text" />
      <input type="text" />
      <h4>百度</h4>
    </div>
    <div class="box4">
      <span>文字1</span><br/>
      <span>文字2</span>
      <span>文字3</span>
    </div>
  </div>
  <div class="box box2"></div>
</div>

body {
  background-color: gray;
  padding: 20px
}


input {
  width: 50px;
}

span {
  display: inline-block;
  color: white;
  width: 80px;
}

.box {
  width: 200px;
  height: 200px;
  border: 10px solid red;
}

.box1 {
  margin-top: 40px;
  background-color: blue;
  padding: 5px;
}

.box3 {
  background-color: purple;
  width: 100%;
  height: 100px;
}

.box4 {
  background-color: black;
  height: 50px;
}

.box2 {
  margin-top: 40px;
}