JSFiddle - React, Tailwind, and code Playground

by Tenderfeel

HTML

<div class="flex">
    <p class="flex-item">Flex Item</p>
</div>

<b class="inline-flex">
    <span class="flex-item">あああ</span>
    <span class="flex-item">いいい</span>
</b>
<div class="inline-flex">
    あああ
    いいい
</div>

SCSS

div {
    border:solid 3px #666;
    height:100px
}

p {
    margin:0;
}

.flex-item {
    border:dotted 1px #aaa;
}

.flex {
    display:flex;
}

.inline-flex {
    display:inline-flex;
}