I have the following HTML:

   <span>A<span>B<span>C</span>D</span>E</span>

I've set up some CSS to put borders round span elements. It's supposed 
to display as follows:

   +---------+
   | +-----+ |
   | | +-+ | |
   |A|B|C|D|E|
   | | +-+ | |
   | +-----+ |
   +---------+

However, no matter what I do, it actually renders like this:

   +-+-+-+-+-+-+
   |A|B|C|D|E|F|
   +-+-+-+-+-+-+

Any idea how I fix this?

Post a reply to this message