Css Label'ın Genişliği ile Input'ut Genişliği Neden Farklı
Merhabalar. Bir giriş formu oluşturuyorum. Yalnız "kullanıcı adı" yazısı ile input'un genişliği farklı olmasına rağmen, aynı genişlikte görünüyor. Resme bakabilirsiniz.
giris.css
html, body {
padding: 0;
margin: 0;
height: 100%;
}
body {
display: flex;
align-items: center;
justify-content: center;
}
.login-ad-sifre-div {
width:100%;
height: 250px;
background: pink;
text-align: center;
}
.login-ad-div {
width:350px;
height: 35px;
line-height: 35px;
background: red;
color: #fff;
}
.login-ad-div input {
width: 350px;
height: 35px;
}
giris.php
<form>
<div class="login-ad-sifre-div">
<div class="login-ad-div">
<label>Kullanıcı Adı</label>
<input type="text" name="ad" />
</div>
</div>
</form>
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (0)
Henüz kimse cevap yazmadı. İlk cevap yazan sen ol!