如何在html表单旁边插入一个div [英] how to insert a div next to html form

问题描述

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

嗨

我的表单 css 是:

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

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

解决方案

我使用 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>**

在表单标签之后有一个 div，其样式定义为 clear:这就是为什么您的 div 低于表单的原因.或者您可以设置 clear:none.

in my site's contact us page there is a form. i need to display the address in a div next to the right of the form. the contact form is created using wordpress plugin shortcode in a page. i wrote this in the same page:

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

my form css is :

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

but it displays it under the form.i have drawn a border-right for the form so that a vertical partition line will be displayed. what css codes to be used to make the div to the right side of the form?

解决方案

I have got these code from your page using 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>

you have to remove the commented div that is

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

after form tag there is a div which style defined clear:both that is why your div bellow the form.Or you can set clear:none.

这篇关于如何在html表单旁边插入一个div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！