Given the following code:
<!DOCTYPE HTML>
<style type="text/css">
.box {
border:1px solid gray;
padding: 0px 1px 0px 1px;
/* border:0px white; /**/
display:inline;
}
.pad3 {
padding:3px;
}
.pad6 {
padding:6px;
}
</style>
<html>
<body>
<span class="box pad6">
<span class="box">abcd</span>
<span class="box">ef</span>
<span class="box pad3">
<span class="box">g </span>
<span class="box">hijk</span>
</span>
<span class="box">k</span>
</span>
</body>
</html>
This is rendered inconsistently, or so it seems. The problem is that
borders are being drawn to enclose a trailing space sometimes, but not
always. Note that borders around "asdf" and "ef" do not enclose a
trailing space, but the borders around "g" and "hijk" do enclose a
space.
I would like to display all bordered spans WITHOUT enclosed trailing
spaces.
Can any guru-level CSSer figure this one out?
Lex
--
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
