Wenn ich ein Element mit div erstellen möchte, erstellt es einen Abstand zwischen dem Inhalt und dem Rahmen. (blaue Linie). Wenn Sie span verwenden, wird das Element unterbrochen und der Inhalt außerhalb der Grenzen angezeigt.
http://i66.tinypic.com/23k4xsp.png
Das ist mein CSS-Code:
div-Tag verursacht Zeilenumbruch
#main1 {
margin-left: 40%;
background-color: lightgrey;
width: 20%;
border: 5px;
padding: 5px;
border-style: solid;
border-color: grey;
border-width: 2px;
text-align: left;
}
body {
text-align: center;
background-color: yellow;
font-family: "Arial";
}
Und mein HTML:
<!DOCTYPE html>
<html>
<head>
<title>BMI</title>
<link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
<div id="main1">
<h3>BMI calculator</h3>
<form action="results.php" method=""post"">
<input type="radio" name="gender" value="man">Man<br>
<input type="radio" name="gender" value="vrouw">Vrouw<br><br>
Lengte:<br>
<input type="text" name="lengte"><br>
Gewicht:<br>
<input type="text" name="gewicht"><br><hr>
<button action="submit">Submit</button>
</form>
</div>
</body>
</html>
Gibt es eine Abhilfe? Ich bin ziemlich neu in Webdesign, ich konnte nichts auf der Webz finden ... Danke
Es 'Display genannt. Aber Sie sollten nicht 'div' verwenden, wenn Sie etwas inline anzeigen möchten. 'span' wird dafür verwendet. –
Wie ich schon sagte, es funktioniert nicht. Das macht es nur noch schlimmer, weil die Grenzen in der Mitte des Bildschirms als 2 Klammern schweben, während der Inhalt irgendwo links abgeladen wird. –