How to center the number of circles horizontally and vertically?

.popup-num-layout


    font-size: 12px;
    padding: 0;
    line-height: 25px;
    background-color: -sharp177ce9;
    color: -sharpfff;
    border-radius: 50%;
    font-weight: 200;
    width: 30px;
    height: 30px;
    text-align: center;
    border: 2px -sharpfff solid;
<div class="popup-num-layout">3</div>
<div class="popup-num-layout">16</div>

clipboard.png

clipboard.png

:
:


clipboard.png

clipboard.png


line-height: 50px;
width: 50px;
border-radius: 50%;
background-color: red;
text-align: center;
color: -sharpfff;

that's fine


  https://jsbin.com/juwotozanu/...

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b331d7-40ead.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b331d7-40ead.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?