html - 如何在html表单旁边插入一个div

Question

在我网站的联系我们页面中有一个表格。我需要在表格右侧旁边的 div 中显示地址。联系表格是使用页面中的 wordpress 插件短代码创建的。我在同一页写了这个:

<div style="float:left;">
  hiii
 </div>

我的表单 CSS 是:

width:455px;border-right:1px solid #000;float:left;

但它显示在表格下方。我为表格绘制了一个右边框，以便显示垂直分隔线。什么 CSS 代码用于使 div 位于表单的右侧？

Answer 1

我使用 Firebug 从您的页面获取了这些代码。

<div id="FSContact5" style="width:455px;border-right:1px solid #000;float:left;">
**<div style="clear:both;"></div>**
<div style="display:inline;float:right;"> hiii </div>

你必须删除被注释的div

**<div style="clear:both;"></div>**

在 form 标签之后有一个 div，其样式定义为 clear:both 这就是为什么你的 div 在表单下方。或者你可以设置 clear:none。