Set HTML DIV radius and back color using CSS

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