How do you align text field to the left and inputs to the right

  • I’m trying to figure it out for the life of me. It’s prob the simplest solution but my brain is dead for some reason.

    I tried something like this and it just puts the input field underneath the text filed instead of right next to it. Help would truly be appreciated.
    Your Name (required): [text* your-name size:30 maxlength:60]

    • This topic was modified 8 years, 3 months ago by rawadmerhi.
Viewing 1 replies (of 1 total)

  • you could try,

    <div class="fields">
    <p class="left">Your Name (required):</p><p class="right"><input type="text" /></p></br>
    <p class="left">Your Phone :</p><p class="right"><input type="number" /></p>
  </div>
  <style>
  .fields{
    width:100%;
  }
  .left{
    width:30%;
    display: inline-block;
    float: left;
  }
  .right{
    width:30%;
    display: inline-block;
  }
  
  </style>
Viewing 1 replies (of 1 total)
  • The topic ‘How do you align text field to the left and inputs to the right’ is closed to new replies.