JSFiddle - React, Tailwind, and code Playground

HTML

<head>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.2/font/bootstrap-icons.css">
</head>
<body>
  <div class=box>
  <i class="bi bi-question-circle"></i>
<p>
hello
</p>
    <div class=subbox>
      Content
      <br>
      Content
      <br>
      Content
    </div>
  </div>

</body>

CSS

.box{
  border: 1px black solid;
  width:50%;
  
}

.subbox{
  margin-left:auto;
  margin-right:auto;
  border: 1px black solid;
  text-align:center;
}


p{
  text-align:center;
  margin:0;

}

i{
  float:right;
}