如何将<p>中底部的文本与<img>对齐？

Question

这是代码.我想在底部对齐文字

<p style="background:#eee;font-size:1.3em;color:#022662;height:116px">
   <img width="174" height="116" src="#" style="margin-right:10px;float:left">
   <strong>Text 1</strong>, <br>
   text 2, <br>
   text 3 
</p>

添加了测试http://jsbin.com/ubiji/2的示例

Answer 1

你的问题不明确,但也许你希望文本像块一样,并且"文本3"部分与图像对齐？

如果是这样,这应该工作:

    <p style="background:#eee;font-size:1.3em;color:#022662;height:116px;">

        <img width="174" height="116" src="#" style="margin-right:10px; vertical-align:bottom">
       
        <span style="display:inline-block; background: #ff6; vertical-align:bottom">
            <strong>Text 1</strong>, <br>
            text 2, <br>
            text 3
        </span>
    </p>