使用css将div的全部内容对齐到右侧.(即对齐对象,图像或输入字段)

Question

好的,由于我是新的,我不允许张贴图片,所以我已经安装了链接.(图片应与此问题内联)

我正在写一个网页,并有一个div包含一些文本(内联),然后是一个图像.现在,当单击图像时,下方会显示一个带有输入字段的隐藏div.此div中的输入字段自动与div的左边缘对齐.我希望它与div的右边对齐.

由于图片比单词更响亮,请参阅下面的链接.

http://www.freeimagehosting.net/uploads/d827ecc330.png

无论如何,我最接近解决方案是将方向:rtl应用于隐藏的div,但是我的输入字段中的文本也会变为rtl.

我只想将文本字段放置为rtl,而不是输入.

我希望这不会太令人困惑.

我对css很新,但已经搜索了很多arund,除了贬值的align = right之外还没有找到解决方案.

任何建议都非常感谢.

Answer 1

<div id="container" style="width:500px;">
  <div id="text" style="width:250px; float:left;">Text</div>
  <div id="image" style="width:250px; float:left;">Image</div>
  <div id="input" style="width:500px; float:left; text-align:right">Input</div>
</div>