A Pen by Иванов Павел

Thumbnail
This awesome code was written by ardentum, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright ardentum ©
  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>A Pen by  Иванов Павел</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <h1>Форма</h1>
<p>Привет! Заполните внимательно все поля.</p>

<div class="field">
  <span>Фамилия</span>
  <input type="text" />
</div>

<div class="field">
  <span>Имя</span>
  <input type="text" />
</div>

<div class="field">
  <span>Отчество</span>
  <input type="text" />
</div>
  
  

</body>

</html>

/*Downloaded from https://www.codeseek.co/ardentum/a-pen-by-andx418andx432andx430andx43dandx43eandx432-andx41fandx430andx432andx435andx43b-vROypg */
html {
  font-family: "Trebuchet MS";
}

.field {
  margin-bottom: 10px;
}

.field span {
  margin-right: 10px;
  display: inline-block;
  width: 100px;
}

.field input {
  width: 300px;
}

Comments