JSFiddle - React, Tailwind, and code Playground

HTML

<aside>
    <p>Левая колонка</p>
</aside>
<article>
    <p>Центральная часть</p>
    <div class="align-center">
        <section class="inline-block">Оцентрованый блок</section>
    </div>
</article>
<aside>
    <p>Правая колонка</p>
</aside>

CSS

body {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0;
    padding: 0;
}

* {
    outline: #900 1px dotted;
}

body > * {
    display: table-cell;
    vertical-align: top;
}

aside {
    width:20%;
}
.inline-block {
    display: inline-block;
}
.align-center {
    text-align: center;
}