问题在固定位置写文字

我只是一个初学者在这里。我想用html和css制作一个简单的网页。我已经做了标题，留下内容，以及正确的内容和页脚。问题在固定位置写文字

在左边的内容中，我想写一些正常的描述性文字。我已使用ul和li标签使用text-align:justify。但问题是：文本超出了页面的正确内容。我希望他们在一条新的线上，而不是在右边。我现在应该怎么做？

这里的HTML：

<body> 
<div id="header"></div> 

<div id="wrap"> 
    <div id="left"> 
     <div id="left_content"> 
      <ul><li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh commodo consequat.</li></ul> 
      <a href="#"> Read More</a> 

      <ul><li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh commodo consequat.</li></ul> 
      <a href="#"> Read More</a> 
     </div> 
    </div> 

    <div id="right"> 
     <div id="right_content"></div> 
    </div> 
</div> 

<div id="footer"></div> 
</body>

和CSS代码：

#left_content ul li { 
padding:10px 0 0 0px; 
font:Tahoma, Geneva, sans-serif; 
font-size:11px; 
color:#000000; 
font-weight:bold; 
text-align:justify; 
}

来源

2011-09-16 webrider

这可能有助于解决问题http://jsfiddle.net/ cxxGS/ –

thanx simon ...我明白了。 – webrider

我会给你#left_content宽度

#left_content{ 
    width:200px; 
}

例子：http://jsfiddle.net/jasongennaro/p3ApG/

来源

2011-09-16 17:17:32

非常感谢杰森热纳罗先生。它的绝对工作...... :)很多很多很感谢你。 – webrider

超级@webrider！乐意效劳！ –

为什么不给李一个明确的宽度是多少？

#left_content ul li { 
    padding:10px 0 0 0px; 
    font:Tahoma, Geneva, sans-serif; 
    font-size:11px; 
    color:#000000; 
    font-weight:bold; 
    width: 100px; 
}

这里有一个fiddle

来源

2011-09-16 17:12:14

是啊.....我懂了.....谢谢亲爱的编码员，您的回复...... :) – webrider

问题在固定位置写文字

回答

相关问题