form

<<<<<HTML>>>>>
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />


  <link rel="stylesheet" href="style.css" />
</head>
<body>

<form action="/verwerk.php">
  <legend> Formulorum ipsum </legend>
    <div class="row">
      <label for="ipsum">ipsum <span> *</span></label>
      <div class="col2">
        <input name="ipsum" type="text" required />
      </div>
    </div>

      <div class="row">
        <label for="pais">pais<span>*</span></label>
        <div class="col2">
          <select name="selectorum..." id="pais" req>
            <option value="Selectorum...">Selectorum...</option>
            <option value="aa">aa</option>
            <option value="bb">bb</option>
            <option value="cc">cc</option>
          </select>
        </div>
      </div>

      <div class="row"> genderum &nbsp;
        <div class="col2">
          <input  name="gender" type="radio" value="mela" /> mela
          <input name="gender" type="radio" value="Femelle" /> Femelle
        </div>
      </div>

    <div class="row">
      <label for="Secretum">Secretum&nbsp;</label>
      <div class="col2">
        <input style="font-size: 16px;" name="Secretum" type="password" />&nbsp;
      </div>
    </div>

    <div class="row">
      <label for="Secretum bis">Secretum bis&nbsp;</label>
      <div class="col2">
        <input style="font-size: 16px;" name="Secretum bis" type="password"  />&nbsp;
      </div>
    </div>
      <br />
        <button type="submit" value="SEND">SEND</button>  <button type="submit" value="RESET">RESET</button>
    </form>
  </body>


<<<<<CSS>>>>>
form{
    width: 600px;
    border: 1px solid;
    border-radius: 25px;
    margin: auto;
    overflow: hidden;
}
.row{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.col2{
    width: 300px;
}
span{
    color:red;
}
legend {
    display: block;
    padding-left: 2px;
    padding-right: 2px;
    border: none;
    color: red;
  }