Markdown Styles not Showing

Question

I am working on a application that takes user input in the form of Markdown and displays that input on a page. The markdown gets converted to HTML just fine but for some reason the bold and italics don't show on the display page. The html tags are there but they aren't rendering properly.

I am thinking its the styles that override the strong and i tags but I don't know how not to apply any styles to that area since I am using YUI Reset?

Any ideas would be appreciated.

Thank You!

Answer 1

You have plenty of options...

You can just override the reset styles like so

<style type="text/css">
  strong {
    font-weight:bold;
  }

  i {
    font-style: italic;
  }
</style>

Alternatively if you are hosting the reset file locally you can just remove the rules that have turned off the above styling.

Lastly you could even change the markdown conversion to use <b> and <em> tags. You may even want to change it to use:

<span style="font-weight:bold">text</span>

etc.