Centering an equation as part of a paragraph

Abstract

Dr. John Stockton wanted to write paragraphs in HTML that contained one or more centered equations. It had to be acceptable to validators and testers, and work in IE4.

Example

This is a paragraph of waffle waffle waffle waffle waffle waffle waffle waffle waffle waffle waffle waffle waffle waffle waffle waffle waffle waffle waffle waffle waffle waffle waffle waffle waffle waffle waffle waffle waffle here comes an equation: A = B + C and the waffles continues waffle waffle waffle waffle waffle waffle waffle waffle waffle waffle waffle waffle waffle until the end.

Code Used

  1. <p>...<span class="equation">A = B + C</span>...</p>
  1. span.equation {
  2. display: block;
  3. text-align: center;
  4. }

Conclusion

Well it validates; as for working in IE4, then it should, as both display and text-align are both supported. However, practically it apparently doesn't. More investigation needed.

Tags