htmlcsscss-reset

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


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?


Solution

  • 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;}