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>
            <span class="right">China</span>
            <span class="left">Where</span>
            <span class="right">220 V</span>
        <span class="right">220 V</span>
        <span class="right">220 V</span>
            <span class="left">Voltage</span>
            <span class="right">50 HZ</span>
            <span class="left">Frequency</span>
            <span class="right">USA</span>
            <span class="left">Plug Type</span>
            <div class="clear"></div>
    </body>

</html>

CSS

.left {
      float:left;
      width: 49%;
      border-bottom: 1px solid #eee;
  }
     .right {
         float:right;
         border-bottom: 1px solid #eee;
         width: 49%;
   }
   span {
      display:block;
   }