Adding controls to panel dynamically in horizontal layout

[emotional]

I have a table created for each user in my code behind file. I want to add each table to the panel so that all tables appear horizontally. The Table has just 1 coulmn and multiple rows. So each table should be added in the side of the previous table I have tried css style \[code\]float:left\[/code\] but it is not working up.Here is my codeC# part:\[code\] foreach( DataRow dr in t.Rows ) { if(........) { tdr.Width = "200px"; row = new HtmlTableRow(); cell = new HtmlTableCell(); row = new HtmlTableRow(); cell = new HtmlTableCell(); cell.InnerText = doc; row.Cells.Add(cell); tdr.Rows.Add(row); row = new HtmlTableRow(); cell = new HtmlTableCell(); cell.InnerText = "No Timming"; row.Cells.Add(cell); tdr.Rows.Add(row); row = new HtmlTableRow(); cell = new HtmlTableCell(); cell.InnerText = weekday; row.Cells.Add(cell); tdr.Rows.Add(row); } //dr_list is my panel name //tdr is my table name this.DR_list.Controls.Add(tdr); }\[/code\]CSS part:\[code\]<style> .float-left { float: left; }</style>\[/code\]ASP.NET part:\[code\]<aspanel ID="DR_list" runat="server" Direction="LeftToRight" Height="227px" HorizontalAlign="Left" ScrollBars="Auto" Wrap="False" CssClass='float-left' Width="1103px" ></aspanel>\[/code\]