問題在固定位置寫文字

我只是一個初學者在這裏。我想用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

問題在固定位置寫文字

回答

相關問題