Home/ Questions/Q 7508889
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-29T22:45:46+00:00

I’m using the 960 gs CSS framework and I’m having problem with the text

  • 0

I’m using the 960 gs CSS framework and I’m having problem with the text spilling out of the div. How do I make the text make another line after it reaches the max number of pixels per gri?. ex. .grid_4 width is 220 px. a new line should be created after the text reaches 220 px in width.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <link href="960.css" rel="stylesheet" type="text/css" />
    <link href="reset.css" rel="stylesheet" type="text/css" />
    <link href="text.css" rel="stylesheet" type="text/css" />
  </head>
  <div id=container class="container_12">
    <div id=header class="grid_4 suffix_4">
      ian
    </div>
    <div id=header class="grid_4">
      <p>assddjklaldakljdlajdlajdjajdlajldjaljdajdlajdkljakldjklajdkladkladjakldjakldjkladlajdkladkljadjakldkladasldjad</p>
    </div>
  </div>
  <body>

  </body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    There is nothing specific to 960 about this.

    By default, you will only get word wrapping when there is a word break character (such as a space).

    You can override this with the word-wrap property.

    e.g.

    p { 
    word-wrap:break-word;
}

    … but you are usually better off ensuring that you don’t have very long strings of characters without word breaks among them.

    • 0