CSS Forum

**tropic** · 08-07-2006, 11:46 PM

Hi all
I m looking for a way to put many block ( div or even tables ) in either a bigger div or a bigger table in the same row without having to use position:absolute or so,this is the code that I ve used ;<html>
<head>
<link rel="stylesheet" href="css.css" type="text/css">
</head>
<body>
<font color=red>testing mutiple divs in a single one</font>


<table width="600" height="500" border=1 bgcolor=pink><tr><td valign=top>
<table width=250 height=100 border=1 ><tr><td> the first text here</td></tr></table> 
<table width=250 height=100 border=1 ><tr><td> the first text here</td></tr></table> 
<table width=250 height=100 border=1 ><tr><td> the first text here</td></tr></table> 
<table width=250 height=100 border=1 ><tr><td> the first text here</td></tr></table>

</td></tr></table>

</html>

I want the small tables (or even the small div s) to appear on the same row and start on a new line only when there is no more space on the first row. this normaly wlk when putting many img in a td but I m not seeying how to do eat with texts
Could anyone help??? please

thanx

**funkdaddu** · 12:46 PM

Liike this?

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">

<html>

	<head>
		<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
		<title>Untitled Page</title>
		<style type="text/css" media="screen"><!--
.box  {
	background-color: #eee;
	position: relative;
	width: auto;
	float: left;
	border: solid 1px #ddd;
	margin-right: 1em
	}


--></style>
	</head>

	<body bgcolor="#ffffff">
		<div class="box">Test</div><div class="box">Test</div><div class="box">Test</div><div class="box">Test</div><div class="box">Test</div><div class="box">Test</div><div class="box">Test</div><div class="box">Test</div><div class="box">Test</div><div class="box">Test</div><div class="box">Test</div><div class="box">Test</div><div class="box">Test</div><div class="box">Test</div><div class="box">Test</div><div class="box">Test</div><div class="box">Test</div><div class="box">Test</div><div class="box">Test</div><div class="box">Test</div><div class="box">Test</div><div class="box">Test</div><div class="box">Test</div><div class="box">Test</div><div class="box">Test</div><div class="box">Test</div><div class="box">Test</div>
	</body>

</html>