JSFiddle - React, Tailwind, and code Playground

by davidpauljunior

HTML

<a href="#">
  <img src="http://placehold.it/50x50">
  <span>Really long journal title that should wrap when it doesn't fit inside the parent or something.</span>
</a>

CSS

a {
  display: flex;
  display: -ms-flexbox;
}

img {
  margin-right: 10px;
}

span {
  align-self: center;
  -ms-flex-item-align: center;
   -ms-flex: 0 1 auto;
}