I’m employed on a thought for my website and hit run across a difficulty with trying to fill 100% of the space between two elements with a span or div.
Here’s an example:

Goal is this:

X| mitt element | …space between… | right element |X

What’s displayed:

X| mitt element | | right element |________________X

The mitt and right elements could be span or div, doesn’t matter, and can be of variable breadth but are a constant height. The region element taking up the space between the two will near the right element to the max breadth of the parent div (noted by Xs).

The intent is to ready the mitt element flush to the mitt and the right element flush to the right patch allowing the widths to depart for each and ready the decorative “space between” element between the mitt and right to take up the mitt over space.

Right now all elements are inline but the span between the mitt and right has a breadth of 1 or 0. All that can be seen is the abut which looks like just a distinction (as anti to the panoramic box I’m expecting).

I’ve proven width: 100% and explicitly stating a breadth in px but it doesn’t change the breadth of the element. The only thing that makes it wider is by putting text in.

If it matters I am antiquity this site in the 960 grid grouping and testing on Firefox 3.0.10 on Windows XP.

Thanks for any help.
@korgrue
All 3 elements are in a parent div which is itself in a parent div and so on. All of that is covering up except for the fact that my region span/div will not expand.
I do not poverty any of the elements centered, per se. Just the region div to take up all of the space between the mitt and right elements (with a edge of 10px on either side, but that’s already working).