html - 简单的 HTML/CSS 跨浏览器解决方案，使嵌套的 html 标签向左浮动，父标签向右浮动

Question

我有以下 html:

<div class="text_right">
    <p>Hello World
        <a target="_blank" href="/some/url">
            <img class="image_right" alt="Fruits" src="http://pad2.whstatic.com/images/thumb/9/91/Get-the-URL-for-Pictures-Step-1.jpg/670px-Get-the-URL-for-Pictures-Step-1.jpg"/>
        </a>
    </p>
</div>

我希望能够在同一行上将 img 显示为 float:left 并将“Hello World”文本显示为 float-right

这里是 jsfiddle

Answer 1

经过一番摸索，这里是修复问题的方法:

p{
    text-align: right;
}

a {
    float: left;
}