Hey guys, i just want to improve my HTML CSS skills. I found some challenging picture which is ;
But im stucked on the first box line. I do display: inline-block but it won't work.
My codes are like this ;
<header class="header">
<h2>Employee Satisfaction Survey</h2>
<hr>
</header>
<section>
<div class="name">
<p>Name</p>
</div>
<div class="input-area">
<div class="input1">
<label>First Name</label><br>
<input type="text" name="First Name">
</div>
<div class="input2">
<label>Last Name</label><br>
<input type="text" name="Last Name">
</div>
</div>
</section>
And CSS like this ;
header {
text-align: center;
}
h2 {
margin-bottom: 30px;
}
.name {
margin-left: 30px;
}
.input-area {
margin-left: 30px;
display: in;
}
Top comments (0)