JSFiddle - React, Tailwind, and code Playground

HTML

<div id="resizable">
        
<table>
      <ul>
        <li>
          <a href="#" class="ajax-page">
            <img src="http://bit.ly/mRkUDB" alt="" width="60px" height="60px"/>
            <span>This is a test</span>
          </a>
        </li>
        <li>
          <a href="#" class="ajax-page">
            <img src="http://bit.ly/o7Elfp" alt="" width="60px" height="60px"/>
            <span>This is another larger test</span>
          </a>
        </li>
      </ul>
        </table>
    </div>

CSS

a, a:visited {
    color: blue;
    text-decoration: none;
}

ul {
    
    padding: 0 !important;
    margin: 0 5px !important;
}

ul:first-child {
    margin-top: 5px !important;
}

ul li {
    cursor: pointer;
}

ul li.highlight {
    background-color: #FFF5AF;
}

ul li a span {
    display: inline-block;
}

ul li a img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
}

#resizable {
    width: 300px;
    border: 1px solid blue;
}