JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content">
    
    <div class="inherit-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis ipsam sint dolores reiciendis. Ullam ducimus quaerat fuga veritatis saepe libero ex excepturi eum a officia vitae quis!</div>
    
    <div class="unset-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis ipsam sint dolores reiciendis. Ullam ducimus quaerat fuga veritatis saepe libero ex excepturi eum a officia vitae quis!</div>
    
</div>

CSS

.content { 
    line-height: 2;
	color: #666; /* 1. property that inherits */
	margin-left: 100px; /* 2. property that doesn't inherit */ 
}

.inherit-text { 
    margin-left: inherit; /* Despite [2], 'inherit' forces inheritance. Output: 100px */ 
}

.unset-text { 
	color: unset; /* inherit because of [1]. Output: #666 */
	margin-left: unset; /* initial because of [2]. Output: 0, default browser margin-left value */
}