Question

我需要在两行中显示一个文本，右侧有一个图像。类似的东西：

             Image
ABCDEFGH     Image
(ABC)        Image
             Image

然而，我的输出是使文本从图像中下来并且也在一行中：

<div>
<br/>
<br/>
<br/>
<br/>
<img src="images/ecg.jpg" alt="ECG" height="100" width="300" align="middle">
<table cellpadding="0" cellspacing="0" border="0">
    <tr class="row1">
        <td><b>Electrocardiac Diagram &nbsp; &nbsp; &nbsp;</b></td>
        <td><b>(ECG) &nbsp; &nbsp; &nbsp;</b></td>
    </tr>
</table>
<br/>
<br/>
</div>

我怎样才能达到同样的目标？

Answer 1

正确的方法：

<div style="float:left">
    <p><b>Electrocardiac Diagram &nbsp; &nbsp; &nbsp;</b></p>
    <p><b>(ECG) &nbsp; &nbsp; &nbsp;</b></p>
</div>
<div style="float:left">
    <img src="images/ecg.jpg" alt="ECG" height="100" width="300" align="middle">
</div>

Live Exemple：http://jsfiddle.net/dLZsQ/

Answer 2

添加style ='float：right;'像你这样的图像

<img src="images/ecg.jpg" style='float:right;' alt="ECG" height="100" width="300" align="middle" />

演示here

多行文本和图像显示

2 个答案: