Inline Math equation



By default mathjax is configured to run in multi line mode and is not configured for inline. The inline math equations are supposed to be rendered by usin single $ sign at the start and end of the equation. However if you try the following, it does not work. 


<html>
<head>
<title>Reference Designer Title </title>
<script type="text/javascript"
  src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>

</head>
<body>
My first html Page.<i>This text is italics</i>

$x^2 = \frac{n^2+n}{2}$
</body>
</html>

Try this example here. and see that the things does not work.

In order for the inline to work, you need to configure it for the inline. Add the code at the beginning as shown 




<html>
<head>
<title>Reference Designer Title </title>

<script type="text/x-mathjax-config">
// This code is required for inline rendering. 
  MathJax.Hub.Config({
    tex2jax: {
      inlineMath: [ ['$','$'] ],
      processEscapes: true
    }
  });
</script>

<script type="text/javascript"
  src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>

</head>
<body>
My first html Page.<i>This text is italics</i>

$x^2 = \frac{n^2+n}{2}$
</body>
</html>

Try this example here and see that it works as expected.