[ERLEDIGT] 3 Div nebeneinander?

[The Pi]

Hallo Leute.

Ich habe eine HTML-Datei, wo drei divs mit Formularen nebeneinander sind. Nur ist das dritte Div unter den anderen, wie ihr im Foto sehen könnt:

Der Code ist folgender:

<form action="Reihenfolge.php" method="post" enctype="text/plain">
        <div class="l"><fieldset>
          <legend>Dial H</legend>
          <label for="dialh">Ja</label>
          <input type="radio" name="dialh" value="1" />
          <label for="dialh">Nein</label>
          <input type="radio" name="dialh" value="0" checked/>
        </fieldset></div>
        <div class="c"><fieldset>
          <legend>Demon Knights</legend>
          <label for="demonknights">Ja</label>
          <input type="radio" name="demonknights" value="1" />
          <label for="demonknights">Nein</label>
          <input type="radio" name="demonknights" value="0" checked/>
        </fieldset></div>
        <div class="r"><fieldset>
          <legend>I, Vampire</legend>
          <label for="vampire">Ja</label>
          <input type="radio" name="vampire" value="1" />
          <label for="vampire">Nein</label>
          <input type="radio" name="vampire" value="0" checked/>
        </fieldset></div>
        <br>
        <input type="submit" value="OK!" />
        <input type="reset" value="Reset" />
        <br />
      </form>

Und der CSS:

h2 {float: left;}
      .l {float: left; width: 30%;}
      .c {margin: auto; width: 30%;}
      .r {float: right; width: 30%;}

Weiß vielleicht irgendjemand, was ich falsch gemacht habe, damit ich alle drei nebeneinander habe?

Mit fr. Grüßen,
The Pi

 

[SpiceLab]

Weiß vielleicht irgendjemand, was ich falsch gemacht habe, damit ich alle drei nebeneinander habe?

Das bzw. die zu umfliessenden Elemente (mit float-Eigenschaft ausgestattet) werden im HTML-Code zuerst genannt.

https://jsfiddle.net/SpiceLab/z7ctmana/

 

[The Pi]

Danke dir

 

[SpiceLab]

Danke dir

Kein Thema