Wie richte ich zwei Divs links und rechts vertikal aus?

Question

Ich habe ein Problem, meine Dropdown-Liste vertikal mit meinem Textbereich auf der linken Seite irgendwie auszurichten. Ich weiß nicht, warum es zusammenstößt.

EDIT: Danke für die Hilfe, ich habe Änderungen vorgenommen, es zu erreichen.

JSP:

.ExeDropdown{ 
 
    \t float:left; 
 
    margin-left:50px; 
 
} 
 
div.txt1{ 
 
    float: left; 
 
    margin-left:50px; 
 
} 
 
div.txt2{ 
 
    float:right; 
 
    margin-right: 120px; 
 
} 
 
.txt3{ 
 
    \t float:right; 
 
\t margin-right: 120px; 
 
} 
 
#subBtn{ 
 
    \t position: absolute; 
 
    bottom: 20%; 
 
    left:47%; 
 
}

<div class="ExeDropdown"> 
 
    Select an exercise: 
 
    <select name="ProgExe"> 
 
     <option value="exe1">Exercise 1</option> 
 
     <option value="exe2">Exercise 2</option> 
 
    </select> 
 
</div>  
 
<div class="txt1" > 
 
    <p>Write your source code here:</p> 
 
    <textarea id="myTextArea" rows="5" cols="40" name="txtInput" > 
 
    </textarea> 
 
</div>

https://i.stack.imgur.com/Vok8d.jpg

Answer 1

Hier gehen Sie:

HTML:

<div class="ExeDropdown"> 
Select an exercise: 
<select name="ProgExe"> 
    <option value="exe1">Exercise 1</option> 
    <option value="exe2">Exercise 2</option> 
</select> 
</div>  
<div class="clear"></div> 
<div class="txt1" > 
<p>Write your source code here:</p> 
<textarea id="myTextArea" rows="5" cols="40" name="txtInput" > 
</textarea> 
</div> 

CSS:

.clear{clear:both;} 

Answer 2

hinzufügen (Line-) Pause, bevor es:

Select an exercise: 
<br /> <!-- here --> 
<select name="ProgExe"> 

Answer 3

Nehmen Sie die float:left; auf beide Elemente aus Sie erwähnten (.ExeD Ropdown, div.txt1).

sollte es funktionieren dann