JSFiddle - React, Tailwind, and code Playground

by oilvier

HTML

<span class="c-input-legend">
	<input type="text" class="c-input-legend__field" />
	<span class="c-input-legend__item">Valeur</span>
</span>

SCSS

/* ==========================================================================
   ## Legende de champs
   ========================================================================== */
/**
 * 
<span class="c-input-legend">
	<input type="text" class="c-input-legend__field" />
	<span class="c-input-legend__item">Valeur</span>
</span>
 */
.c-input-legend {display:table; background:white;}
	.c-input-legend__field,
	.c-input-legend__item {display:table-cell;}
	
	.c-input-legend__field {float:left; width:100%;}
	
	.c-input-legend__item {width:1%; white-space:nowrap; text-align:center; vertical-align:middle;}