JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main">
    <div class="first">first</div>
    <div class="value">valuevaluevalue</div>
    <div class="clear"></div>
</div>

CSS

.main {
			    display: inline-block;
			    background-color: cornflowerblue;
			    width: -moz-min-content;
			    width: -webkit-min-content;
			}
			.first {
			    width: 50px;    /* I don't know this width */
			    height: 50px;    /* I don't know this height */
			    background-color: grey;
			}

			.value {
				display: block;
				word-break: break-all;
				background: pink;
			}

			.clear{
				clear:both;
			}