显示输入＆＃39;按钮＆＃39;在右侧浮动时，左对齐跨度内联

Question

我有一个div设置如下。我希望所有内容都能在行中显示，但我也希望按钮位于div的最右侧。按原样，按钮看起来就像是在跨度下面的一个块中。我尝试将按钮的显示设置为＆＃34; inline＆＃34;和＆＃34;内联块＆＃34;，但这些似乎都不起作用。我怎么能做到这一点？

<div>   
  <span>blah</span>
  <input type="submit" name="button2" value="button2" class="floatRight" />
  <input type="submit" name="button1" value="button1" class="floatRight" />
</div>

班级＆＃34; floatRight＆＃34;是：

.floatRight { float: right }

我正在运行IE 11

Answer 1

跨度和输入是自然内联的，但是你需要将按钮向右浮动以获得你想要的所需外观我相信：

http://jsfiddle.net/inkedraskal/odjz1suz/

.floatRight {float:right}

看小提琴

Answer 2

试试这个HTML：

<div class="holder">   
    <span>blah</span>
    <input type="submit" name="button2" value="button2" class="floatRight" />
    <input type="submit" name="button1" value="button1" class="floatRight" />
    <div class="clear"></div>
</div>

这个css：

.clear{
    display: block;
    content: '';
    clear: both;
}
.floatRight{
    float: right;
}