Category name: How to add a line break?

[Konni_G]

Dear all,

Our category names are generally ending up to be two lines long. I would like to clearly define which words are in the first and which are in the second line.Currently it looks always different depending on the browsers used.

A line break would help a lot, but I cannot manage to implement one. <br> , <br /> etc. did not work.

Any idea how to fix that?

Thank you soooooo much

Best :-)

[SuFe]

Use

.one-word-per-line {
    word-spacing: <parent-width>; 
} 

where <parent-width> is the width of the parent element (or an arbitrary high value that doesn't fit into one line). That way you can be sure that there is even a line-break after a single letter. Works with Chrome/FF/Opera/IE7+ (and probably even IE6 since it's supporting word-spacing as well).

[Konni_G]

Hi SuFe,

Thank you so much for your help!!! Very clever idea

Unfortunately, I need more than one word in the first line

For example I would like to show the following as category name:

Zuhause & unterwegs:
Mobile Notrufsysteme

Any idea how to solve this?

Or any chance to solve this by different formating within the category name? E.g.

Zuhause & unterwegs:
Mobiler Notrufknopf

Does anybody know if and how a different formating within a category name is possible?

Thank you!