How to stop word wrap in html?

Collapse
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • zeroblade
    New Member
    • Oct 2007
    • 8
    #1

    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.
    Tags: None
    • 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

                        Previous template Next
                        Working...