Posted by Gernot Frisch on 09/28/10 11:42
Got the code below. But when you size the browser down, it makes 3
rows from the spans. I want the center span to be as wide as possible,
but _not_ so wide, that it forces X3 to start a new line:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//DE">
<html>
<head>
<style>
/* MAIN AREA*/
.X1{
background-color: green;
margin-left: 32px;
width:12px; /* must be */
height: 21px;
}
.X2{
background-color: red;
width:100%; /* what to set here?? */
height: 21px;
}
.X3{
background-color: blue;
width:12px; /* must be*/
height: 21px;
}
</style>
</head>
<body>
<div>
<span class="X1"> </span><span class="X2">TEXT</span><span
class="X3"> </span>
</div>
</body>
</html>
[Back to original message]
|