Forcing a line to not wrap

admin

Administrator
Staff member
I have noticed that when I view my website at higher resolutions i.e. anything greater than 1024x768 text that I want to remain in a single line wraps the last two words to the next line. I notice this in IE, however when viewed from firefox I don't see this problem. Is there anything that I need to code into the page to force the text to remain on one line? My website is <!-- w --><a class="postlink" href="http://www.classicverse.com">www.classicverse.com</a><!-- w --> Thank you.There is a way, but you have to ask yourself: When is a line too long? Or are you talking specically about your poetry and lyrics?

Could you tell us which page or pages you're talking about?There is no CSS in your page. :confused:I am aware that there is no css on my page, I am trying to add it if that is the best solution to my problem. The page I am referring to is the home page, in particular the below:

<p><font size="+1">Realizing the extent of the Hip Hop lifestyle and the emotional connection it has within the urban market,</font>
<p><font size="+1">Classic Verse translates a moment in time into quality products that touches its customers deeper than a beat or chorus.</font></p>
<p><font size="+1">By combining the art of illustration with the art of verse, we create a visual expression of the love of urban music.</font></p><p><font size="+1">A new item is introduced frequently, so make sure to check back in with us soon and be the first to represent.</font><p></p>

Like I said in Firefox it is fine; how I want it. However in IE I see the line wrap on "beat or chorus", "urban music" and "represent"Ok so I see why I was having that "problem." It had nothing to do with formating. I changed the text size on the browser from Largest to medium. :D But I'm sure there is a way to force lines from wrapping just in case this wasn't the case.<p style="white-space: nowrap;">

OR, if you are using an imported CSS file:

/* All paragraph tags will not wrap text */
p { white-space: nowrap; }

/* Only tags with the attribute and value class="nowrap" will prevent
text from wrapping. */
.nowrap { white-space: nowrap; }
 
Back
Top