Warum tut das folgende scheinbar nichts?Ausrichten/Ränder in CSS
<style>
form {
margin-left:auto;
margin-right:auto;
}
h1 {
margin-left:auto;
margin-right:auto;
color : #2265FF;
}
</style>
<body>
<h1>Please type in the text to be converted!</h1>
<form> ... </form>
Offensichtlich habe ich etwas mehr HTML, um damit zu gehen.
Gibt es eine bessere Möglichkeit, dies in CSS3 zu tun?
Danke!
In CSS3 können Sie tun:
form, h1 {
display: table;
margin: 0 auto;
}
Wenn Sie ältere Browser unterstützen möchten, müssen Sie eine Breite angeben:
form, h1 {
width: 500px
margin: 0 auto;
}
aber es ist eigentlich besser, wenn Sie es zu einem Elternteil gelten Behälter ...
.container {
margin: 0 auto;
width: 500px;
}
<div class="container">
<h1></h1>
<form></form>
</div>
verwenden Sie stattdessen besser text-align:center, da <form> und <h1> standardmäßig die Breite auf 100% setzen.
was versuchst du zu tun? mehr Infos – andrewk
Was willst du genau machen? Würdest du bitte ausarbeiten? –
Wahrscheinlich wäre es eine gute Idee, den HTML-Code anzuzeigen, auf den dieser angewendet wird. – jmort253