JSFiddle - React, Tailwind, and code Playground

by flakas

HTML

<center>
    <div class="pagrindinis">
        <p>Čia kažkoks tekstas...</p>
    </div>
</center>

<hr />

<div class="antras">
    <div class="meniu">
        <a href="#">Nuoroda į niekur</a><br />
        <a href="#">Irgi į niekur</a><br />
    </div>
    <div class="turinys">
        <p>Čia kažkoks turinys<br /><br /><br /><br /><br /><br />Taip</p>
    </div>
    <div class="spacer"></div>
</div>

CSS

.pagrindinis {
    background-color: red;
    width: 70%;
    text-align: left;
    padding: 10px;
}

p {
    background-color: green;
    
}

.antras {
    width: 70%;
    margin: auto; /* sucentruojam be center žymės */
    background-color: red;
    padding: 10px;
}

.meniu {
    float: left;
    width: 30%;
    background: teal;
}

.turinys {
    float: right;
    width: 70%;
    background: green;
}

.spacer {
    width: 100%;
    clear: both;
}