JSFiddle - React, Tailwind, and code Playground

by Kalu Singh Rao

HTML

<div id="container">
<div id="header">
<div class="headpart">
<img src="image/logo.jpg" width=135px height=120px>
    <p id="pheader"> Lembaga Pengkajian Pangan Obat obatan dan Kosmetika Majelis Ulama Indonesia</p>
</div>
</div>

    <div id="isi">
        <div id="content"></div>
        <div id="side"></div>
    </div>

    <div id="footer"></div>
</div>

CSS

#container
{
width:1040px;
margin:30px auto;
border: 10px solid black;
border-radius: 20px;
background-color:red;
}

#header
{
width:100%;
height:200px;
margin:15px auto;
padding: 4px;
overflow:hidden;
}

.headpart
{
width:60%;
height:auto;
vertical-align:top;
position:relative;
float:left;
font-size:20px;
}

img
{
position:absolute;
vertical-align:top;
float:left;
}
p
{
    margin-left:150px;
}