JSFiddle - React, Tailwind, and code Playground

by Aaron Bird

HTML

<p>
  <span>
  Alice was beginning to get very tired of sitting by her sister     on the
  </span> 
  <i>bank</i>
</p>

CSS

p {
  width: 300px;
  height: 200px;
  padding: 100px;
}
span {
  border: 1px dotted #555;
  line-height:30px;
}
i {
  font-style:normal;
  display: inline-block;
  line-height: 50px;
  width: 50px;
  height: 50px;
  border: 1px solid #555;
  text-align: center;
}