You can use Repeater for that
HTML:
<div class="tagRepeater">
<asp:Repeater ID="Reapeater1" runat="server">
<ItemTemplate>
<a class="anchorRepeater">
<%#Eval("Tag")%></a>
</ItemTemplate>
</asp:Repeater>
</div>
C#:
protected void Page_Load(object sender, EventArgs e)
{
if (!this.IsPostBack)
{
DataTable dt = new DataTable();
dt.Columns.Add("Tag", typeof(string));
dt.Rows.Add("Asp.Net");
dt.Rows.Add("C#");
dt.Rows.Add("VB");
dt.Rows.Add("SQL");
dt.Rows.Add("JavaScript");
dt.Rows.Add("JQuery");
dt.Rows.Add("Ajax");
dt.Rows.Add("Linq to Sql");
dt.Rows.Add("XML");
dt.Rows.Add("WCF");
dt.Rows.Add("WPF");
dt.Rows.Add("WebService");
dt.Rows.Add("XAML");
dt.Rows.Add("Crystal Report");
dt.Rows.Add("RDLC");
this.Reapeater1.DataSource = dt;
this.Reapeater1.DataBind();
}
}
Style:
<style type="text/css">
.tagRepeater
{
width: 300px;
height: auto;
}
.anchorRepeater
{
padding:3px;
display: inline-block;
height: 20px;
background-color: #D9EAF4;
color: #000;
margin: 2px 1px 2px 1px;
border: 1px solid #000;
}
</style>
Image:
