JSFiddle - React, Tailwind, and code Playground

by muffls

HTML

<div class="my-div">
    Lorem ipsum dolor sit amet, 
    <span class="my-span-normal">consetetur</span> sadipscing elitr, 
    sed diam nonumy eirmod tempor invidunt ut labore et dolore magna
    aliquyam erat, sed diam voluptua. <span class="my-span-inline-block">At vero</span> eos et accusam et justo duo dolores et ea rebum. <span class="my-span-block">Stet clita</span> kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</div>

CSS

.my-div {
    border:blue 1px solid;
    padding:10px;
    width:400px;
}
.my-span-normal {
    color:blue;
}
.my-span-inline-block {
    display:inline-block;
}
.my-span-block {
    display:block;
}
.my-span-inline-block, .my-span-block {
    height:50px;
    border:1px solid red;
}