JSFiddle - React, Tailwind, and code Playground

by paska

HTML

<div id="head">
</div>
<div id="container">
    <div id="d1">
    Algún texto y más y más texto
    </div>
    <div id="d2">
    <img src="https://www.google.com.ar/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" />
    </div>
</div>

CSS

#head {
    height: 100px;
    border-bottom: 5px solid red;
}

#d1 {
    text-align: center;
}

#d2 {
    width: 100%;
    text-align: center;
    height: 100px;
    border: 1px solid black;
    position: absolute;
    top: 300px;
}