JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div>
   <span class="left glyphicon glyphicon-forward"></span>
   <span class="middle">Thansk</span>
   <span class="right glyphicon glyphicon-backward"></span>
</div>

CSS

.left {
  background-color: red;
  height: 30px;
  vertical-align:middle;
}

.middle {
  height: 30px;
  display:inline-block;
  background-color: grey;
  vertical-align:middle;
}

.right {
  background-color: red;
    height: 30px;
    vertical-align:middle;
}