JSFiddle - React, Tailwind, and code Playground

by rohitazad

HTML

<div class="parent">
    <div class="child">
        <p>Hello here dummy text </p>
        <p>Commercial text here put </p>
    </div>
</div>

CSS

.parent{
padding:10px;
    background:green;
}

.child{
background:gray;
    padding:10px;
}

p{

border:solid 1px white;
width:400px;
display:box;
    display: -moz-box;
    display: -webkit-box;
    
  box-pack:center;
    -webkit-box-pack:center;
    -moz-box-pack:center;
    
    box-direction:reverse;
    -moz-box-direction:reverse;
    -webkit-box-direction:reverse;
}