=setup form layout

This commit is contained in:
Miki 2023-12-06 11:35:03 +01:00
parent 517d64d183
commit 9b805e7b77

View file

@ -7,7 +7,7 @@
<span class="title">title</span> <span class="title">title</span>
</div> </div>
<div> <div class="heat">
<form action="" method="post"> <form action="" method="post">
<label for="name">Name</label> <label for="name">Name</label>
<input id="name" type="text"> <input id="name" type="text">
@ -16,7 +16,7 @@
</form> </form>
</div> </div>
<div> <div class="surfer">
<form action="" method="post"> <form action="" method="post">
<label for="firstname">Firstname</label> <label for="firstname">Firstname</label>
<input id="firstname" type="text"> <input id="firstname" type="text">
@ -32,7 +32,7 @@
.header { .header {
background-color: black; background-color: black;
color: aliceblue; color: aliceblue;
display: flex; display: inline-flex
} }
.header .img { .header .img {
@ -41,10 +41,22 @@
.header .title { .header .title {
font-size: 3rem; font-size: 3rem;
align-self: center; }
justify-self: center;
margin-left: 25%; .heat {
margin-right: 25%; margin-top: 2px;
margin-bottom: 2px;
background-color: #111;
color: lightcyan;
display: flex;
}
.surfer {
margin-top: 2px;
margin-bottom: 2px;
background-color: #111;
color: lightcyan;
display: flex;
} }
</style> </style>