Try it Yourself

<!DOCTYPE html>
<html>
<head>
<style>
/* Default CSS Values */
legend {
    display: block;
    padding-left: 2px;
    padding-right: 2px;
    border: none;
}
</style>
</head>
<body>

<p>A legend 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 legend element (changed padding-left):</p>

<fieldset style="padding-left:60px;">
  <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
