How do you override the style defined in the Chrome “user agent stylesheet”?
For example, I have a UL element on a page that in the Chrome Development Tools shows properties as in “user agent stylesheet”. This UL is shown as sized to be 608 by 63px which is not enough (width) to show all LI elements in one line. So the last LI element breaks into the next line. (IE 10 does not have this problem).
I am trying figure how to override this webkit engine behavior (the same problem occurs on iPad browser).
I am guessing that the problem rests with the “user agent stylesheet” but if you see that I can be resolved in another way, please let me know.
UPDATE: Set inline style to a greater value of width and the problem is resolved.
"The creative process is nothing but a series of crises." Isaac Bashevis Singer
"My experience is that as soon as people are old enough to know better, they don't know anything at all." Oscar Wilde
"If a nation values anything more than freedom, it will lose its freedom; and the irony of it is that if it is comfort or money that it values more, it will lose that too." W.Somerset Maugham