How can I get more space between items in a line of text .. elegantly

Question

Ok I have some equations that follow each other in a text line, eg
Xc=10^6/2 pi f C     Xc = 10^6/2* pi *50 * C Xc = 10^4/pi C     .................   etc.
Is there some way I can eg put a css entity in the paragraph so I can dimension the space as a box?
I've tried with a <span class=css box></span> but it just includes the statement as text.
And if i put <p>Xc=10^6/2 pi f C</p><span class="css" box></span><p> etc
it puts the equations on different lines. 
And multiple    s is a cludge, so is invisible images. There MUST be a nice way to do this?

Answer 1

One way is to do something like this:
1) create your styles like this:
span {
    font-family: "Courier New", Courier, monospace;
    letter-spacing: 3px;
2) create your HTML like this:
<p> <span>Xc = 10^6/2* pi *50 * C Xc = 10^4/pi C </span></p>
Now is this what you are looking for?  If not please post back so that something else can be suggested like Math HTML such as this one:
<MATH>&int;_a_^b^{f(x)<over>1+x} dx</MATH>
FF and latest IE9/10 supports MAtH HTML as far as I know.
This is the picture of display in IE10:
Good luck.