ListView Layout

私は、ASP.NET C＃でdatabound DataListを使用してタグクラウドを作成しています。各タグが適切にレンダリングされるようにする方法はありますか.i.e - タグクラウドが成長するにつれて、ドキュメントとプロセスとチーム構成が1行に表示されますか？ここに私のコードがあります。ListView Layout

<div style="padding-left: 25px; padding-right: 25px; text-align: center;"> 
<asp:listview runat="server" ID="ListView1" ItemPlaceholderID="itemPlaceHolder"> 
    <LayoutTemplate> 
     <asp:PlaceHolder runat="server" ID="itemPlaceHolder"></asp:PlaceHolder> 
    </LayoutTemplate> 
    <ItemTemplate> 
     <a href='<%# GenerateNegativeStoryDetails(Eval("Tag")) %>' style="color: #ff0000; text-align: center; margin: 15px; line-height: 30px; text-decoration:none; font-size: <%# GetTagSize(Convert.ToDouble(Eval("weight"))) %>"><%# Eval("Tag") %></a> 
    </ItemTemplate> 
    <EmptyDataTemplate> 
     <asp:Label ID="negative_tags" runat="server" style="color: #ff0000;" Text="[NO NEGATIVE TAGS FOUND]"></asp:Label> 
    </EmptyDataTemplate> 
</asp:listview> 
</div> 

<br /> 

<div style="padding-left: 25px; padding-right: 25px; text-align: center;"> 
<asp:listview runat="server" ID="ListView2" ItemPlaceholderID="itemPlaceHolder"> 
    <LayoutTemplate> 
     <asp:PlaceHolder runat="server" ID="itemPlaceHolder"></asp:PlaceHolder> 
    </LayoutTemplate> 
    <ItemTemplate> 
     <a href='<%# GeneratePositiveStoryDetails(Eval("Tag")) %>' style="color: #33cc00; text-align: center; margin: 15px; line-height: 3px; text-decoration:none; font-size: <%# GetTagSize(Convert.ToDouble(Eval("weight"))) %>"><%# Eval("Tag") %></a> 
    </ItemTemplate> 
    <EmptyDataTemplate> 
     <asp:Label ID="positive_tags" runat="server" style="color: #33cc00;" Text="[NO POSITIVE TAGS FOUND]"></asp:Label> 
    </EmptyDataTemplate> 
</asp:listview> 
</div>

enter image description here