iPhoneアプリでよく見る通知バッヂみたいなものを置く

HTML CSS 
<!DOCTYPE HTML>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        a {
            background: #888;
            display: block;
            width: 30px;
            height: 30px;
            position: relative;
          }
        a span {
            background: #f00;
            border: solid 1px #fff;
            border-radius: 8px;
            color: #fff;
            display: block;
            font-size: 10px;
            font-weight: bold;
            text-align: center;
            width: 15px;
            height: 15px;
            position: absolute;
                top: -5px;
                left: 15px;
            }
    </style>
</head>
<body>
    <a href=""><span>15</span></a>
</body>
</html>

見た目はもっとなんとかなるけどまあどうやるかっていうのだけどこんな感じなんやなあ