http://sagliklirehber.com/2/form.html burada kendime bir form oluşturdum yalnız aşağı doğru çok uzadı. Ben de sağ taraftaki boşluğu kullanmak istiyorum. Yemleme Sistemi nden itibaren sağ tarafa almak istiyorum. İnternette biraz araştırdım sanırım aradığım kodu da buldum fakat uygulamada sıkıntı çekiyorum geçmiyor bir türlü. Küçük bir örnekte istediğimi yaptım
http://sagliklirehber.com/2/asd.html
fakat bunu asıl forma uygulayamıyorum rica etsem yardımcı olur musunuz?
benim denediğim ve olmayan şekil
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Language" content="TR"/>
</head>
<body>
<form name="form" method="post" action="gonder.php">
<ul>
<li><b>İsim</b></li><br>
<li><input type="text" name="isim"></li><br><br>
<li><b>Soyisim</b></li><br>
<li><input type="text" name="soyisim"></li><br><br>
<li><b>Şehir</b></li><br>
<li><input type="text" name="sehir"></li><br><br>
<li><b>Posta Kodu</b></li><br>
<li><input type="tel" name="postakodu"></li><br><br>
<li><b>Firma İsmi</b></li><br>
<li><input type="text" name="firmaismi"></li><br><br>
<li><b>Adres</b></li><br>
<li><textarea name="adres" rows="10" cols="40"></textarea></li><br><br>
<li><b>Telefon</b></li><br>
<li><input type="tel" name="telefon"></li><br><br>
<li><b>E-Mail</b></li><br>
<li><input type="email" name="email"></li><br><br>
<li><b>Ekstra Notlar</b></li><br>
<li><textarea name="ekstra" rows="10" cols="40"></textarea></li><br><br></ul>
<ul>
<li><b>Yemleme Sistemi</b></li><br>
<li><input type="checkbox" name="spiral">Spiral Yemleme Sistemi</li><br>
<li><input type="checkbox" name="kanal">Kanal Yemleme Sistemi</li><br><br>
<li><b>Havalandırma Sistemi</b></li><br>
<li><input type="checkbox" name="fansog">Fan + Soğutma Pedi</li><br>
<li><input type="checkbox" name="fankle">Fan + Klepe</li><br>
<li><input type="checkbox" name="fansogkle">Fan + Soğutma Pedi + Klepe</li><br><br>
<li><b>Aydınlatma Sistemi</b></li><br>
<li><input type="checkbox" name="maviyesil">Mavi + Yeşil Aydınlatma</li><br>
<li><input type="checkbox" name="beyaz">Beyaz Aydınlatma</li><br><br>
<li><input type="checkbox" name="isitma">Isıtma Sistemi</li><br><br>
<li><b>Silo + Yem Nakil Sistemi</b><br>
<li><input type="checkbox" name="mekanik">Mekanik Dolum Silo</li><br>
<li><input type="checkbox" name="pnomatik">Pnomatik Dolum Silo</li><br><br>
<li><b>Kümes Eni (cm)</b></li><br>
<li><input type="number" name="en"></li><br><br>
<li><b>Kümes Boyu (cm)</b></li><br>
<li><input type="number" name="boy"></li><br><br>
<li><b>Kümes Yüksekliği (cm)</b></li><br>
<li><input type="number" name="yuk"><br></li><br></ul>
<input type="submit" name="button" value="Gönder">
</form>
</body>
</html>
ul {
list-style: none outside none;
}
li {
position: relative;
display: inline;
margin: 20px;
}