JSFiddle - React, Tailwind, and code Playground

HTML

<div class="profile_subsection" id="profile_about_me">
    <div class="container" id="username_container">
      <span class="label" id="username_label">
        Username:
      </span>

              <span class="value" id="username_value">
                      vopros                   </span>
          </div>


    <div class="container" id="username_container2">
      <span class="label" id="username_label">
        Username:
      </span>

              <span class="value" id="username_value">
                      vopros                   </span>
          </div>


    <div class="container" id="username_container3">
      <span class="label" id="username_label">
        Username:
      </span>

              <span class="value" id="username_value">
                      vopros                   </span>
          </div>
       
    <div class="container" id="about_me_container">
       <span class="value" id="about_me_value">
       
         <div id="ruboard"><img src="http://i.ru-board.com/images/remake1.gif" alt=""></div>
       
       
       </span>
    </div> 
</div>

CSS

#username_container,#username_container2,#username_container3 {
  width:27%;
  margin-right:2%;
}

.container {
  display:block;
  margin:auto;
}
.label {
  display:table-cell;
  text-align:left;
  min-width:175px;
  margin-right:10px;
  font-weight:bold
}
.value {
  display:table-cell
}
#about_me_value {
  display:block;
  width:100%;
  margin: 0 auto 0 auto;
}





.profile_subsection {
  position: relative;
}

#about_me_container {
  position: absolute;
  top: 0px;
  left: 0px;
}