Liam Emery Liam Emery - 3 months ago 7
HTML Question

How do I format <select> tags and <form> tags in HTML/CSS?

This is my current layout
enter image description here

And I am trying to figure out how to have all of the information "inline" like the following

enter image description here

I've never worked with forms before so I have no idea how to format it, I tried googling but couldn't come up with any useful information because every example only had tag instead of multiple like my example

Answer

You can use without table like this.

li label {
    float: left;
    width: 100px;
    margin-right: 10px;
    font-size: 14px;
}

li {
    list-style: none;
    margin-bottom: 5px;
}
<ul>
<li><label for="name">First Name:</label></li>
<li><input type="text" name="name" placeholder="Name">
</ul>