html - 个人资料的div定位

Question

我想创建一个简历页面，左侧有一张图片，图片右侧有姓名、标题、电子邮件和电话，在图片和右侧的文字之后，还有一些关于此人的信息。这是我正在使用的代码，但它不起作用。我的图像和右侧的文本显示在我希望它们显示的位置，但是我的信息 div 显示在我的姓名、标题等部分旁边。

<div>
<div style="float:left"><img src="Images/fowler.jpg" alt="Fowler" /></div>

<div style="float:left">

<div>Name</div>
<div>Title</div>
<div>Email</div>
<div>Phone</div>

</div>

</div>

<div>Info about person</div>

任何帮助将不胜感激，谢谢。

Answer 1

正如有人已经说过的那样，您可能需要考虑使用 css。我个人非常喜欢为此创建表格：这应该是一个好的开始：

<table>
<tr>
  <td rowspan="5">
    <img src="Images/fowler.jpg" alt="Fowler" />
  </td>
</tr>
<tr>
  <td>Name</td>
</tr>
<tr>
  <td>Title</td>
</tr>
<tr>
  <td>Email</td>
</tr>
<tr>
  <td>Phone</td>
</tr>
<tr>
  <td colspan="2">Info about person</td>
</tr>
</table>

祝你好运！

Answer 2

如果我明白你想要什么，以下可能会起作用

<div>
<div style="float:left"><img src="Images/fowler.jpg" alt="Fowler" /></div>

<div style="float:left">

<div>Name</div>
<div>Title</div>
<div>Email</div>
<div>Phone</div>

</div>

</div>

<div style="float:left">Info about person</div>

顺便说一句，考虑在 ext 文件中声明你的 CSS ;)