Bind repeater contents vertically on UI
<p>I have asp.net repeater(data control) and currently it looks on UI like this <a href="https://i.stack.imgur.com/uYo8i.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/uYo8i.png" alt="enter image description here"></a> </p>

<p>The id of the repeaters are row wise , I want to bind it vertically with same look , My current code for repeater is follows </p>

<pre><code>&lt;table&gt;&lt;tr&gt;&lt;td&gt;
&lt;asp:Repeater ID="rptOptions" runat="server" OnItemDataBound="rptOptions_ItemDataBound"&gt;
 &lt;ItemTemplate&gt;
  &lt;asp:TextBox ID="txtLetter" runat="server" MaxLength="40" BorderColor="Black" BorderStyle="Solid" onkeydown="navigate(event);" BorderWidth="1px" Height="25px" Style="margin-left: 110px; display: inline; margin-top: 16px;" Visible="true" Width="200px" Enabled="false" oncopy="return(false);" oncut="return(false);" onpaste="return(false);" autocomplete="off" AutoCompleteType="None" &gt;
  &lt;/asp:TextBox&gt;
 &lt;/ItemTemplate&gt;
&lt;/asp:Repeater&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
</code></pre>