HTML Radio-button mittig machen

Sarius87 · 15. Oktober 2017

hallo, ich habe hier solche radio-Buttons:

HTML:

<div align="center">
	<input type="radio" id="Zufällig" name="geschlecht" value="Zufällig" checked>
	<label for="Zufällig"> Tomaten</label><br>
	<input type="radio" id="Männlich" name="geschlecht" value="Männlich" required>
	<label for="Männlich"> Birnen</label><br>
	<input type="radio" id="Weiblich" name="geschlecht" value="Weiblich" required>
	<label for="Weiblich"> Wassermelonen</label><br>
	<input type="radio" id="Weiblich" name="geschlecht" value="Weiblich" required>
	<label for="Weiblich"> Äpfel</label><br>
</div>

diese sind mittig, allerdings will ich dass der button mittig ist und der Text dahinter dann steht, derzeit sieht es ja so aus, siehe anhang.

wie mache ich das ?

Flipper44 · 15. Oktober 2017

Soweit ich die Frage richtig verstanden habe, würde ich ein äußeres div hinzufügen, das mittig ist, und das innere div als inline-block mit text-align: left ausgestalten:

Code:

<div style="text-align: center;">
<div style="display: inline-block; text-align: left;">
	<input type="radio" id="Zufällig" name="geschlecht" value="Zufällig" checked>
	<label for="Zufällig"> Tomaten</label><br>
	<input type="radio" id="Männlich" name="geschlecht" value="Männlich" required>
	<label for="Männlich"> Birnen</label><br>
	<input type="radio" id="Weiblich" name="geschlecht" value="Weiblich" required>
	<label for="Weiblich"> Wassermelonen</label><br>
	<input type="radio" id="Weiblich" name="geschlecht" value="Weiblich" required>
	<label for="Weiblich"> Äpfel</label><br>
</div>
</div>

Sarius87 · 15. Oktober 2017

ja genau so, danke.

Suche

HTML Radio-button mittig machen

Sarius87

Banned

Anhänge

Flipper44

Lieutenant

Sarius87

Banned

Ähnliche Themen