php - Form table wide space between label and input text box -
there wrong design of form shown below.
<div class="myreginfoform"> <form method="post" action="action_reg.php"> <table> <tr> <td> <label>name: </label> </td> <td> <input type="text" name="regname" value="" id="regname" required pattern="[a-za-z_ ]{1,}" title="only letters allowed."/> </td> </tr> <tr> <td> <label>course applied for: </label> <label><?php echo $coursename ?></label> </table> </form> </div>
a wide space between label , input text box after adding second <td>
element , i'm not sure why. can me?
.myreginfoform { display:flex; justify-content:center; align-items:center; }
my desired output:
set text-align
td
right
.myreginfoform { display:flex; justify-content:center; align-items:center; } .myreginfoform td{ text-align: right; }
<div class="myreginfoform"> <form method="post" action="action_reg.php"> <table> <tr> <td> <label>name: </label> </td> <td> <input type="text" name="regname" value="" id="regname" required pattern="[a-za-z_ ]{1,}" title="only letters allowed."/> </td> </tr> <tr> <td> <label>course applied for: </label> <label><?php echo $coursename ?></label> </table> </form> </div>
Comments
Post a Comment