CODEWITHSUNDEEP
htmlcssfrontend
user431619
user431619

Reputation:

a tag breaks in two lines in chrome, why ?

Im expierencing a kindda funny problem - If you take a look at this page: http://www.cinemaxx.dk/koebenhavn/events/date-night/

And look at the breadcrumb, then the link/word "Date Night" breaks in two lines, however, there not defined a fixed width of the element, and it is set to display:inline-block

It works fine in FF, IE, Safari, but not in Chrome, and I cant figure out why, so hoping for a bit help? :)

Upvotes: 0

Views: 471

Answers (2)

dsfg
dsfg

Reputation: 130

you can give 

white-space:nowrap;

css to your link, I try and it will work fine.

Upvotes: 2

Vucko
Vucko

Reputation: 20844

Remove this style:

nav.breadcrumb a:last-child:after {
    content: '';
}

It should work fine then.

Note: if you want to remove the last star , use :not with :last-child selector.

Upvotes: 1

Related Questions