JSFiddle - React, Tailwind, and code Playground

by apoorvasahay01

HTML

<body>
    <div class="textWbutton">
        <p>Enter Name</p>
        <input type="text" placeholder="I am placeholder" />
    </div>
</body>

CSS

html,body
{
    font-size: 0px;
}

.textWbutton
{
}

.textWbutton input[type='text']
{
    margin: 0px;
    padding-left: 10px;
    padding-right: 10px;
    
    height: 30px;
    display: inline;
    
    border-radius: 0px 5px 5px 0px;
    border: 1px solid Black;
}

.textWbutton p
{
    font-size: 15px;
    margin: 0px;
    padding-left: 10px;
    padding-right: 10px;
    
    height: 30px;
    display: inline; 
    border-radius: 5px 0px 0px 5px;
    border: 1px solid Black;    
}