浮动对齐显示：内联问题

Question

<div style="display:inline;">

<textarea rows="10" cols="50"></textarea><br />
<div style="float:right;">remaining characters: 300</div>

它在 Firefox 或 IE 中都不起作用。文本剩余字符不在“内联”范围内，而是 100% 超出包含的 div。

完成这样的事情的最佳方法是什么，其中文本在父 div 中与之前的文本区域右对齐？

Answer 1

试试这个。

<div style="display:inline; text-align:right; float:left;">
    <textarea cols="50" rows="10"></textarea><br />
    remaining characters: 300
</div>