How to stop word wrap in html?

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • zeroblade
    New Member
    • Oct 2007
    • 8

    How to stop word wrap in html?

    When I shorten shrink the width of my internet, window how do i make not the text of my website word wrap. The text is in a paragraph tag.

    Ex. This is the text in the sentence.

    If I decreased the width of my window how would I get it so that then I would only see part of the sentence instead of it word wrapping to:

    This is the text
    in the sentence.
  • harshmaul
    Recognized Expert Contributor
    • Jul 2007
    • 490

    #2
    oops i forgot code tags

    try this


    [HTML]<div style="white-space: nowrap;">
    lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
    </div>[/HTML]
    Last edited by harshmaul; Mar 26 '08, 11:19 AM. Reason: oops i forgot code tags

    Comment

    • zeroblade
      New Member
      • Oct 2007
      • 8

      #3
      Now I have a new problem because now with my paragraphs have all been fitted onto one really long line, so I have to use the horizontal scroll to see everything. Is there some to set it so that it only word wraps when it hits a certain length?
      Or would I have to do this manually?

      Comment

      • Death Slaught
        Top Contributor
        • Aug 2007
        • 1137

        #4
        If you're inputting the text youself you can just add a breaking line where you want it to jump down to the next line.

        Code:
        <br />
        Thanks, Death

        Comment

        • harshmaul
          Recognized Expert Contributor
          • Jul 2007
          • 490

          #5
          oops i forgot the code tags AGAIN!!!!

          OR
          you can do something like this.....

          [HTML]<div style="width:40 0px">
          lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
          </div>[/HTML]
          Last edited by harshmaul; Mar 26 '08, 04:37 PM. Reason: oops i forgot the code tags AGAIN!!!!

          Comment

          • Death Slaught
            Top Contributor
            • Aug 2007
            • 1137

            #6
            lol, I completely forgot you could give it a set width and then it would auto-wrap so to speak.

            Thanks, Death

            PS - Trumped by simplicity at its best :)

            Comment

            Working...