<h2>The following is a test piece in support of a member's query on the Sitepoint forum</h2>

<p>The query in question can be found here - <a href="https://www.sitepoint.com/community/t/problem-in-center-align-contents-inside-a-div/219374">Problem in center align contents inside a div</a></p>
<!-- Member's code is below -->
<div class="centerAllContent">
  <label class="child1">This text is in center</label><br>
  <label class="child2">This text is in center</label><br>
  <input class="child3" type="text" value="also center" />
</div>

.centerAllContent {
  background-color: blue;
  text-align: center;
}

.child1,
.child2,
.child3 {
  background-color: red;
  display: inline-block;
  width: 250px;
}

.child2 {
  background-color: green;
}

.child3 {
  background-color: yellow;
}