Why is the <b> and <i> not working?

Question

I have this site http://www.korsholm-jagtrejser.dk/

In the text

Korsholm Jagtrejser kan tilbyde jagtrejser til et bredt udvalg af jagtlande

Korsholm has <b> around and jagtrejser has <i> around, but it does not shown as bold/italic. I'm using meyerweb reset css, which have a <b> and <i>.

My chrome inspector does not say anything about that it should not be bold.

Can somebody pinpoint the problem?

Answer 1

Because the reset.css stylesheet has font: inherit; which is overriding the browser's CSS:

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline;}

Answer 2

The reset stylesheet has font: inherit; against a selector that matches lots of different things including b and i. font includes font-weight and font-style so it sets those to the values of the parent element.