JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<aside>
  <ul id="council-slider">
    <li  >
      <img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSvMcglnwL9Q8HNXEp_-wV7p3pNs4h_hQHTnjYyyic7Xawh1xRU5givU51EUA" />
      <div class="council-spacer"></div>
      <p>text content goes here</p>
    </li>
      <li  >
      <img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSvMcglnwL9Q8HNXEp_-wV7p3pNs4h_hQHTnjYyyic7Xawh1xRU5givU51EUA" />
      <div class="council-spacer"></div>
      <p>text content goes here</p>
    </li>


  </ul>
</aside>

CSS

aside ul{
    list-style: none;
}

aside li{
    display: flex;
    margin: 10px 0;
    align-items: center;
}
.council-spacer {
    width: 20px;
}