<form method="post" action="script.cgi">
<ul>
<li><label for=name>Name:</label>
<input id=name name=name></li>
<li><label for=email>Email:</label>
<input id=email name=email type=email></li>
<li><label for=tel>Telephone:</label>
<input id=tel name=tel type=tel></li>
<li><label for=url>Homepage:</label>
<input id=url name=url type=url></li>
<li><label for=bday>Birthday:</label>
<input id=bday name=bday type=date></li>
</ul>
</form>
form ul {
display: grid;
grid-template-columns: [start label] max-content [input] 1fr [end];
width: 50%;
}
form ul li {
display: contents;
}
Also see: Tab Triggers