Force Text to stay on one line

Posted on 2006-07-06
Last Modified: 2008-02-26
Hi all

I am developing a remote editor for my website, allowing my to edit my site remotely.
This includes a file browser, etc.

I am looking for each filename/folder name to stay on one line. Currently as the line becomes too long then the names spill onto the next line, which doesnt look very nice! :-)

Thanks in advance

Question by:shaggy_the_sheep
  • 2
LVL 30

Accepted Solution

GrandSchtroumpf earned 500 total points
ID: 17054298
Add this css:

.files {
      white-space: nowrap;

Author Comment

ID: 17054308
You beauty!! :-)


LVL 30

Expert Comment

ID: 17054373
note that you could use nested <ul> elements for your file tree.  that should be semantically better.
cheers  :)

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Unordered lists (HTML ul tags) are very handy to create menus of all types, shapes and sizes.  All it takes is a little knowledge of CSS and the possibilities are endless. First off, you should know the general format for menus created using the …
Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…

948 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

23 Experts available now in Live!

Get 1:1 Help Now