html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Forme</title>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <form action="" method="post">
      <h2>Narudžba</h2>
      <ul>
      <li>
        <label for="ime">Ime:</label>
        <input type="text" name="ime" id="ime">
      </li>
      <li>
        <label for="prezime">Prezime:</label>
        <input type="text" name="prezime" id="prezime">
      </li>
      <li>
        <label for="datum rodjenja">Datum rodjenja:</label>
        <input type="date" name="datum-rodjenja" id="datum-rodjenja">
      </li>
      <li>

        <p>Pol:</p>
        <ul id="ahah">
        <li><input type="radio" name="pol" id="pol" value="Muski">Muski</li>
        <li><input type="radio" name="pol" id="pol" value="Zenski">Zenski</li>
        <ul>
      </li>
      <li><label for="opcije-jela">Jelo:</label>
      <select name="Jelo" id="opcije-jela">
        <option value="sendvic">Sendvič</option>
        <option value="pica">Pica</option>
      </select></li>
      <li>
        <label for="email">Email:</label>
        <input type="email" name="email" id="email">
      </li>
      <li>
        <label for="password">Lozinka:</label>
        <input type="password" name="password" id="password">
      </li>
      <li>
      <textarea rows="4" cols="40" placeholder="Motiv za registraciju"></textarea>
    </li>

    <p>Dodaci:</p>
    <li>
      <ul>
    <li><input type="checkbox" name="dodatak" value="senf">Senf</li>
    <li><input type="checkbox" name="dodatak" value="ajvar">Ajvar</li>
    <li><input type="checkbox" name="dodatak" value="maslie">Masline</li>
  </ul>
    </li>
      <input type="submit" value="Pošalji">
      <input type="reset" value="Resetuj">
      </ul>
    </form>
  </body>
</html>

ul{
  list-style: none;
}
form{
  background-color: orange;
  width: 500px;
  border: 1px solid #CCC;
  border-radius: 10px;
  padding: 20px;
  float:left;
  color: white;
}
label{
  display: block;
  width: 120px;
  float: left;
  text-align: right;
  margin-right: 10px;

}
input[type="submit"] {
margin-left: 125px;
margin-right: 10px;
background-color: #FFFAFA;
}
input[type="submit"]{
border: 1px solid #CCC;
border-radius: 4px;
display: block;
float: left;
width: 80px;
padding: 10px;
}
input[type="reset"]{
border: 1px solid #CCC;
border-radius: 4px;
display: block;
float: left;
width: 80px;
padding: 10px;
}
ul li {
margin-bottom: 10px;
}
input[type="submit"]:hover{
  background-color: #F0FFF0;
  color: black;
}
input[type="reset"]:hover{
  background-color: #F0FFF0;
  color: black;
}
p{
 text-align: left;
}