how to place input and button in one line in html

YOU.com answered on September 11, 2023 Popularity 2/10 Helpfulness 1/10

answer how to place input and button in one line in html

how to place input and button in one line in html

Comment

<style>
  .container {
    display: flex;
    align-items: center;
  }

  input[type="text"],
  button {
    display: inline-block;
    margin-right: 10px;
  }
</style>

<div class="container">
  <input type="text" placeholder="Enter text">
  <button>Submit</button>
</div>

Popularity 2/10 Helpfulness 1/10 Language html

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 11 2023

YOU.com

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

how to place input and button in one line in html

Contents

More Related Answers

how to place input and button in one line in html

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.