I trying to achieve the effect in the attached image. There are 3 spans. When the window is wide enough, they all lie on the same line. When the window shrinks, the second span drops to the next line and the 3rd span moves to the immediate right of the first span.
[CODE]
<html>
<head>
<style type=”text/css”>
td { border: 1px solid orange; }
.a, .b { display: inline-block; }
.a { color: red }
.b { color: blue }
</style>
</head>
<body>
<table><tr>
<td><span class=”a”>Happy Days! Joyous Days! Celebrations are in order!</a> <span class=”b”>Some long text here</span></td>
<td>Whee</td>
</tr></table>
</body>
</html>
Unfornately, the table cell doesn’t shrink ?
Any ideas? Thanks in advance!
[upl-file uuid=3ba6ebe3-7d3e-4f44-9371-a94a9405880f size=19kB]wrapping.png