P
plenty900
Hi folks,
I'd like to have all DIVs lined up in a row at the top, and none
wraps.
If necessary I would rather than the overall page width expand
rather than having DIVs wrap. But these are wrapping.
Can someone explain what I'm doing wrong?
Thanks.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Untitled Page</title>
<style type="text/css">
div.short {float: left; width:50px; border: solid black 1px; margin:
2px;}
div.long {float: left; border: solid black 1px; margin: 2px;}
div.rt {float: right; width:120px; border: solid black 1px; margin:
2px;}
</style>
</head>
<body>
<div ><!-- container -->
<div class="short">
<span>inner span 1</span>
<br />
<span>inner span 2</span>
</div>
<div class="short">
<span>inner span 1</span>
<br />
<span>inner span 2</span>
</div>
<div class="short">
<font size=6>
$
</font>
</div>
<div
class=long>dflajlfadljfalfkjdaslkaasldkjflakjdfaadslkjsdlfkjadslkfjalkjf
lsdkfjlaksjflasdjflkasjdlfkjasdlkfjaslkjflsadjflkajslfkjasdlfkjlskdjflsadldskjlfjdsldkjlksdjflsdkjfldskj</
div>
</div>
<div class=short>test test test</div>
</body>
</html>
I'd like to have all DIVs lined up in a row at the top, and none
wraps.
If necessary I would rather than the overall page width expand
rather than having DIVs wrap. But these are wrapping.
Can someone explain what I'm doing wrong?
Thanks.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Untitled Page</title>
<style type="text/css">
div.short {float: left; width:50px; border: solid black 1px; margin:
2px;}
div.long {float: left; border: solid black 1px; margin: 2px;}
div.rt {float: right; width:120px; border: solid black 1px; margin:
2px;}
</style>
</head>
<body>
<div ><!-- container -->
<div class="short">
<span>inner span 1</span>
<br />
<span>inner span 2</span>
</div>
<div class="short">
<span>inner span 1</span>
<br />
<span>inner span 2</span>
</div>
<div class="short">
<font size=6>
$
</font>
</div>
<div
class=long>dflajlfadljfalfkjdaslkaasldkjflakjdfaadslkjsdlfkjadslkfjalkjf
lsdkfjlaksjflasdjflkasjdlfkjasdlkfjaslkjflsadjflkajslfkjasdlfkjlskdjflsadldskjlfjdsldkjlksdjflsdkjfldskj</
div>
</div>
<div class=short>test test test</div>
</body>
</html>