Org-Mode Inline Code with Equals Signs

Question

In org-mode, I want to give inline code with equals signs and quotation marks:

<div class="foo"> 

The way I would normally do this in org-mode is

=<div class="foo">= 

When I export this to HTML, it gets rendered like this:

<div class"foo">=

What is the right way to do this inline (rather than just creating a source block)?

Answer 1

You could use verbatim markers, ~, instead:

~<div class="foo">~ 

Answer 2

The problem is that the equals sign after 'class' is interpreted as the closing code section delimiter. You can prevent this by inserting a space before the equals sign, like this:

=<div class = "foo">=