Css add circle to icon cart

span{
    font-size: 14px;
    font-weight: 900;
    position: absolute;
    border: solid blue;
    border-radius: 60%;
    height: 14px;
    width: 8px;
    background:blue;
}

Source: stackoverflow.com

Css add circle to icon cart

<!DOCTYPE html>
    <html>
    <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
    </style>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    </head>
    <body>

    <i class="fa" style="font-size:24px"></i>
    <span> 5 </span>

    </body>
    </html>

Source: stackoverflow.com

Similar codes

39 votes302 views2 answers
Css to increase font size
CSS
0 vote344 views1 answer
Install webpack encore
CSS
3 votes329 views1 answer
Get company id odoo
CSS
1 vote306 views1 answer
Cursor: not-allowed is not working with pointe events none in css
CSS
0 vote301 views1 answer
Over to remove padding css
CSS
4 votes306 views2 answers
Css selected color
CSS
2 votes306 views1 answer
Css class selector contains
CSS
1 vote313 views1 answer
To make the content of the select2 RTL or LTR
CSS
27 votes297 views4 answers
How to import fonts css
CSS
0 vote335 views1 answer
How to take only part of an image css
CSS