JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
    
    <head>
        <title>My Page</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
     
    </head>
    
    <body>
        <div style="display: block;">
            <div class="child">Where</div>
            <div class="child">China</div>
            <div class="clear"/>
            
            <div class="child">Voltage</div>
            <div class="child">220 V</div>
            <div class="clear"/>
            
            <div class="child">Frequency</div>
            <div class="child">50 HZ</div>
            <div class="clear"/>
            
            <div class="child">Plug Type</div>
            <div class="child">USA</div>
            <div class="clear"/>
        </div>
    </body>

</html>

CSS

.child
{
    float: left;
    top: 6px;
    left: 6px;
    width: 25%;
    padding-right: 10px;
    white-space: nowrap;
    border-bottom: 1px solid #eee;
}

.clear
{
    clear: both;
    display: block;    
}