如何在左右两边垂直对齐两个div？

我尝试将我的下拉列表与左侧的textarea垂直对齐。我不知道它为什么会在一起发生冲突。如何在左右两边垂直对齐两个div？

编辑：感谢您的帮助，我做出了改变，实现它。

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

来源

2017-08-04 Tim C.

你能更具体？ –

我想我的div.exedropdown高于我的div.txt1左对齐 –

蒂姆，它的工作？ –

在这里你去：

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;}

来源

2017-08-04 02:33:37

-1

添加（线 - ）之前它突破：

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

来源

2017-08-04 01:12:56 wazz

取出两个元素的float:left;你提到（.ExeD ropdown，div.txt1）。

它应该工作，然后

来源

2017-08-04 01:19:36

如何在左右两边垂直对齐两个div？

回答

相关问题