html - 按钮和输入框的CSS对齐

Question

我想先显示文本框，然后显示按钮。但是现在先显示按钮。我附上了 css 代码和 html

css
   .search,.stxt{
    float: right;
    }  
html
   <form  method="POST">
     <p style="align:right;">
     <input class="stxt" type="text" name="searchtxt"><a style="padding-right:2ex;"></a>
     <button name="search" class="search">Search</button></p>
   </form>

Answer 1

float 的性质将优先考虑列表中的第一个元素。这就是您的输入文本框位于右侧的原因。

我建议将您的元素包裹在一个 div 中，然后让它 float 到右侧。