JSFiddle - React, Tailwind, and code Playground

by Arindam Nayak

HTML

<div class="Div_Logo_Outer">
    Outer
    <div class="Div_Logo_Inner">
        Inner
    </div>
</div>

CSS

.Div_Logo_Outer {
background-image: url('Images/50x50woodgrain.jpg');
background-repeat:repeat;
width:1110px;
height:110px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom:auto;
border-bottom-left-radius: 1em;
border-bottom-right-radius: 1em;
border-top-left-radius: 1em;
border-top-right-radius: 1em;
}

.Div_Logo_Inner{
background-color:#ffffff;
width:1100px;
height:100px;
margin-left: 0px;
margin-right: auto;
border-bottom-left-radius: 1em;
border-bottom-right-radius: 1em;
border-top-left-radius: 1em;
border-top-right-radius: 1em;
}