box with image and text css code example

Example 1: how to make a box in html

<div style="width:500px;height:100px;border:1px solid #000;">This is a rectangle!</div>

Example 2: how to make text center above image html

#container {
  text-align: center;
}

.text {
  display: inline-block;
  margin: 0 20px 0 20px;
}

.img {
  margin: 0 20px 0 20px;
  width: 50px;
  height: 50px;
}