Try it Yourself

<!DOCTYPE html>
<html>
<head>
<style>
/* Default CSS Values */
fieldset { 
    display: block;
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 0.35em;
    padding-bottom: 0.625em;
    padding-left: 0.75em;
    padding-right: 0.75em;
    border: 2px groove (internal value);
}
</style>
</head>
<body>

<p>A fieldset element is displayed like this:</p>

<fieldset>
  <legend>Personalia:</legend>
  Name: <input type="text"><br>
  Email: <input type="text"><br>
  Date of birth: <input type="text">
</fieldset>

<p>A customized fieldset element (changed padding-left and border):</p>

<fieldset style="padding-left:75px;border:5px solid green">
  <legend>Personalia:</legend>
  Name: <input type="text"><br>
  Email: <input type="text"><br>
  Date of birth: <input type="text">
</fieldset>

</body>
</html>
Top Tutorials

Top References

Top Examples

Web Certificates
