JSFiddle - React, Tailwind, and code Playground

by 규연 황

HTML

<p>Let’s assume we have some text here. Bacon ipsum dolor sit amet turkey veniam shankle, culpa short ribs kevin t-bone occaecat.</p>
<figure>
	<img...

CSS

/**
 * Intrinsic sizing
 */

figure {
	/* max-width: 300px; */
	max-width: min-content;
  /* width: fit-content; */
	margin: auto;
}

figure > img { max-width: inherit }

/* Basic styling */

figure {
	padding: 10px;
	border: 1px solid silver;
}