JSFiddle - React, Tailwind, and code Playground

HTML

<div class="greybox col-md-offset-0">
  <ul>
    <li>
      an absence of medium or high risk criteria
    </li>
  </ul>
  <span><img  src="http://www.nacacnet.org/studentinfo/PublishingImages/fish.jpg" /></span>
</div>

CSS

div.greybox {
  border: solid 8pt;
  border-color: rgb(169, 172, 176);
  display: table;
  border-radius: 10px;
  width: 290px;
  height: 306px;
  padding: 10px;
}

div.greybox ul {
 display:table-row;
 height:100%;/* will take as much space that is avalaible pushing other content down; */
}


/*this is just for the image, I dont care much about this*/

img {
  width: 247px;
  height: 76px;
}