Question

I’d like to use an element like ‘span’ or any other regular ole’ element to create a tabstop in an xhtml webpage (i.e. valid XML). The effect should be equivalent to 4 " " right next to each other (couldn’t do that without putting a space between the ampersand and ‘n’. Anyone know how to do this?

Edit: My initial post did not show the   What I want to do is avoid using that method if possible.

Some more details…

Supposedly, the following CSS is invalid

span {
  display:inline;
  width: 2em
}

because inline elements (from what I understand) do not have widths.

Also, this css:

span {
  display: block;
  width: 2em;
  float: (pick a direction)
}

would not work because it would cause the element to touch the edge of the block, causing irregular flow.

In the off chance that someone answers “Why on earth would you do that?” (hehe)…It’s because I’m writing a legal document that requires said formatting. 🙂

Thanks everyone!

Bernie

Answer 1

Try display: inline-block; in your CSS. This will generate a box element that’s laid out inline.