<fieldset>
  <legend>Form</legend>
  <div>
    <label>Name :</label><input type="text" />
  </div>
  <div>
    <label>Password :</label><input type="text" />
  </div>
</fieldset>
body {
  padding: 24px;
}

fieldset {
  border: 1px solid #ddd;
  padding: 12px;
}

legend {
  font-size: 18px;
  font-weight: bold;
  padding: 0 16px;
  animation: marginMove 10s infinite alternate;
}

label {
  display: inline-block;
  width: 100px;
  text-align: right;
}

input {
  width: 200px;
  outline: none;
  margin-left: 12px;
  font-size: 14px;
  padding: 4px;
  border: 1px solid #ddd;
  border-radius: 2px;
}

div {
  margin-bottom: 12px;
}

@keyframes marginMove {
  100% {
    margin-left: 100px;
  }
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.