div中的文本位置 [英] text position in div
本文介绍了div中的文本位置的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我有两个DIV用于无序列表，另一个用于图像和一些文本。问题是文本出现在div下我不知道为什么请看网站了解它我想说的是arifmodule.freeiz.com/index.html.html
i希望文本仅出现在图片div或picutre div下。如果您能解释，请在解决方案时使用。提前谢谢
HTML文件
I have do two DIV one for unorder list and another one for image and some text. the problem is the text is appearing under both the div i dont know why please see the website to understand it what i am trying to say arifmodule.freeiz.com/index.html.html
i want text to appear only under the picture div or in picutre div. please when you give solution if you can explain it to to. thanks in advance
HTML FILE
<html>
<head>
<link rel="stylesheet" href="example.css" type="text/css">
</head>
<body>
<div style="height:20px;">
</div>
<div id ="first">
<div id="fleft">
<ul>
<li id="products"><a href="tata">First</a></li>
<li><a href="tata">Products</a></li>
<li><a href="tata">Features</a></li>
<li><a href="tata">DecoKiosk</a></li>
<li><a href="tata">DecoCoach</a></li>
<li><a href="tata">CorelDRAW Graphic Suite X6</a></li>
<li><a href="tata">Business Coaching</a></li>
<li><a href="tata">By Industry</a></li>
<li><a href="tata">Get Started</a></li>
</ul>
</div>
<div id ="fright">
<h1>DecoNetwork Products</h1>
<img src="page-products.png">
<span class="introtext">DecoNetwork in available two powerful levels
designed for all business types. <b>DecoNetwork Standard</b>
focused on quote, order and invoice management with Business Hub™
and also includes a simple catalog website to promote your products.
<b>DecoNetwork Premium</b> boasts a power and completely customizable
website to sell custom decorated and blank goods online.</span>
</div>
</div>
</body>
</html>
CSS文件
CSS FILE
body{margin:0px; padding:0px;}
#first {width:90%; margin-right:auto; margin-left:auto; float:left;}
#fleft {float:left; margin-right:0px; }
#fleft ul {padding:0px; margin-left:20px;}
#fleft li {list-style:none; padding:0px; margin:0px;
margin-left:25px;
font-family:arial; font-size:14px; }
#fleft a {text-decoration: none; color: black; margin-left:15px;
padding: 12px 30px 6px 0px; display:block;
border-bottom:1px dashed #D0D0D0; }
#products {background: url("menu-active.png") no-repeat;}
#fright {
padding:0;
background:#FFFFFF;
}
.introtext {
color:#666666;
line-height: 30px;
font-size:14px;
float:left;
margin-bottom:20px;
}
推荐答案
使用表格，一切正常：）
Use table and all will be ok :)
这很简单，只需格式化你的一些表格中的页面
It''s easy , just format your page in sometables
<table>
<tr>
<td> Left side contents </td>
<td> Right side contents </td>
</tr>
</table>
这篇关于div中的文本位置的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
