JSFiddle - React, Tailwind, and code Playground

by hart1994

HTML

<div id="container">
    <div class="image">
        x
    </div>
    
    <div class="content">
The founder of the Fou Empire, in the west. Its first emperor. With his supernatural power, he managed to unite the entire western continent in a single generation. After that, he supposedly predicted that he would return several hundred years later, then vanished. Although he outwardly appeared to be a man in his twenties, he possessed such wisdom and dignity that he seemed almost a mystery beyond human understanding, and after his death, he was deified and became known as the "God-Emperor."
    </div>
</div>

CSS

#container { background: silver; width: 100% }


.image
{
    background: green; color: green;
    width: 60px; height: 60px;
    float: left;
    
}
.content
{
    background: blue; color: white;
   margin-left: 60px;
    
    
}