Set HTML DIV radius and back color using CSS

akhter
 
on Sep 23, 2022 08:26 AM
Sample_189181.zip
326 Views

Below is label in image which is highlighted in red are displaying in up and down, but i want into row as highlighted in blue circle

https://i.ibb.co/SDS8PM7/label.jpg

 

<td colspan="2"><span >Order Qty : </span>
    <div style="width:100px; color:aquamarine;background-color:lightblue;border-radius:25px; background-position: left top; text-align:center;">
        <asp:Label ID="lborderqty" ForeColor="Honeydew"  runat="server" Font-Bold="True" Font-Size="X-Large" Text=""></asp:Label></div>
  
     <span  >Produce Qty : </span>
            <div style="width:100px; color:aquamarine;background-color:lightblue;border-radius:25px; background-position: left top; text-align:center;">
     <asp:Label ID="lbprdqty" runat="server" ForeColor="Honeydew"   Font-Bold="True" Font-Size="X-Large" Text="."></asp:Label></div>
     <span >Pending Qty : </span>
     <asp:Label ID="lbpendingqty" runat="server"   Font-Bold="True" Font-Size="X-Large" Text="."></asp:Label>
</td>

 

Download FREE API for Word, Excel and PDF in ASP.Net: Download
KasimA
 
on Sep 23, 2022 08:51 AM

Hi akhter,

Set HTML DIV color, background-color and border-radius.

Please refer below sample.

HTML

<table>
<tr>
    <td colspan="2">
        <div style="display: inline-block">
            <span>Order Qty : </span>
            <div style="width: 100px; color: aquamarine; background-color: lightblue; border-radius: 25px; background-position: left bottom; text-align: center;">
                <asp:Label ID="lborderqty" ForeColor="Honeydew" runat="server" Font-Bold="True" Font-Size="X-Large" Text="290005"></asp:Label>
            </div>
        </div>
        <div style="display: inline-block">
            <span>Produce Qty : </span>
            <br />
            <div>
                <div style="width: 100px; color: aquamarine; background-color: lightblue; border-radius: 25px; background-position: right bottom; text-align: center;">
                    <asp:Label ID="lbprdqty" runat="server" ForeColor="Honeydew" Font-Bold="True" Font-Size="X-Large" Text="5351"></asp:Label>
                </div>
            </div>
        </div>
        <div style="display: inline-block">
            <span>Pending Qty : </span>
            <br />
            <div>
                <asp:Label ID="lbpendingqty" runat="server" Font-Bold="True" Font-Size="X-Large" Text="284654"></asp:Label>
            </div>
        </div>
    </td>
</tr>
</table>

Screenshot