JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
<div class="parent contain">
Any childen
</div>
<div class="parent no-contain">
Any childen
</div>
</div>

CSS

.wrapper {
  outline: 1px dashed green;
  padding: 5px;
}

.parent
{
  outline: 1px dashed red;
  width: 150px;
  display: inline-block;
}

.no-contain {
  height: 0;
}

.contain {
  contain: size;
}