JSFiddle - React, Tailwind, and code Playground

by tonytlwu

HTML

<p>Image: Sadhbh%20O'Sullivan%20for%20print%201.jpg<br>
<img src="https://cdn.api.fliplet.com/v1/media/files/393032/contents/Sadhbh%20O'Sullivan%20for%20print%201.jpg?auth_token=eu--session--ff731d531096666ef2ae2f62cd7547d1-782-164-0658&" /></p>
<p>Image: Sadhbh%20O%27Sullivan%20for%20print%201.jpg<br>
<img src="https://cdn.api.fliplet.com/v1/media/files/393032/contents/Sadhbh%20O%27Sullivan%20for%20print%201.jpg?auth_token=eu--session--ff731d531096666ef2ae2f62cd7547d1-782-164-0658&" /></p>
<p>Background-image: Sadhbh%20O'Sullivan%20for%20print%201.jpg
<div style="background-image:url(https://cdn.api.fliplet.com/v1/media/files/393032/contents/Sadhbh%20O'Sullivan%20for%20print%201.jpg?auth_token=eu--session--ff731d531096666ef2ae2f62cd7547d1-782-164-0658&)"></div></p>
<p>Background-image: Sadhbh%20O%27Sullivan%20for%20print%201.jpg
<div style="background-image:url(https://cdn.api.fliplet.com/v1/media/files/393032/contents/Sadhbh%20O%27Sullivan%20for%20print%201.jpg?auth_token=eu--session--ff731d531096666ef2ae2f62cd7547d1-782-164-0658&)"></div></p>
<p>Background-image: Sadhbh%20O\'Sullivan%20for%20print%201.jpg
<div style="background-image:url(https://cdn.api.fliplet.com/v1/media/files/393032/contents/Sadhbh%20O\'Sullivan%20for%20print%201.jpg?auth_token=eu--session--ff731d531096666ef2ae2f62cd7547d1-782-164-0658&)"></div></p>

CSS

div {
  width: 400px;
  height: 260px;
  background-size: contained;
}