JSFiddle - React, Tailwind, and code Playground

HTML

<div id="containter">
    <aside><div id="blue"></div></aside>
    Этот текст должен быть слева от синего блока.
    <br><br><br><br><br><br><br><br><br><br><br>
    Этот текст тоже отсупает от края черного на ширину синего.

</div>

CSS

#containter
{
    width: 98%;
    height: 500px;
    border: 2px solid black;
    position: relative;
}
aside
{
    float: left;
    width: 100px;
    height: 100%;
    
}
#blue
{
    height: 200px;
    border: 2px solid blue;
}