max-content and min-content

dabblet.css

section {
	max-width: max-content;
	margin: auto;
	border: 1px solid #000;
}

section p {	
	padding: 10px;
	background-color: yellow;
}

section + section {
	margin-top: 20px;
	max-width: min-content;
}

section + section p {
	background-color: green;
	color: #fff;
}

dabblet.html

<section>
	<h1>max-content</h1>
	<p>VHS occupy seitan, next level aesthetic chicharrones beard listicle tofu.</p>
	<p>Readymade roof party put a bird on it organic hammock pour-over narwhal church-key 8-bit.</p>
</section>

<section>
	<h1>min-content</h1>
	<p>VHS occupy seitan, next level aesthetic chicharrones beard listicle tofu.</p>
	<p>Readymade roof party put a bird on it organic hammock pour-over narwhal church-key 8-bit.</p>
</section>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}