Tuesday, May 17, 2022

[FIXED] How do I get forms inline with each other?

Issue

This probably seems like a really dumb question, but i am building a website for my school project and i need to get these two forms next to each other rather then having a line break inbetween them:

<div style="display:inline;float:left;?">

  <br>

  <form action="edexcel_maths.php" method="post">
    <input style="display:inline;" type="submit" name="edmathsbutt" class="button" value="Edexcel Maths">
  </form>

  <form action="aqa_physics.php" method="post">
    <input style="display:inline;" type="submit" name="aqaphybutt" class="button" value="AQA Physics">
  </form>

</div>


Solution

Use display: inline style on the forms.

form {
  display: inline;
}
<div style="display:inline;float:left;?">

  <br>

  <form action="edexcel_maths.php" method="post">
    <input style="display:inline;" type="submit" name="edmathsbutt" class="button" value="Edexcel Maths">
  </form>

  <form action="aqa_physics.php" method="post">
    <input style="display:inline;" type="submit" name="aqaphybutt" class="button" value="AQA Physics">
  </form>

</div>



Answered By - Barmar
Answer Checked By - Senaida (PHPFixing Volunteer)

No comments:

Post a Comment

Note: Only a member of this blog may post a comment.