小编Sha*_*ane的帖子

我有一个通知图标(font-awesome),显示通知的数量.

我在尝试将数字显示在正确的位置时遇到问题,如下图所示

我需要将文本缩小并向右移动一点......这是代码

.header .bubble {
  border-radius: 100%;
  height: 14px;
  width: 14px;
  background-color: rgba(226, 32, 91, 0.77);
  color: #ffffff;
  text-align: top;
  position: relative;
  top: 0px;
  float: right;
  right: -3px;
}

 <a href="javascript:;" id="notification-center" class="icon-set globe-fill" data-toggle="dropdown"><span class="bubble">2</span>

任何人都可以帮忙,我是新手.

我希望在HTML表单中创建一个字段,允许用户键入国民保险号码(格式示例AB123456A:),而不是其他任何内容.

我环顾四周,发现了以下内容:

<input type="text" name="natin" 
    value="<?php echo"$nino";?>" 
    pattern="[A-Z]{2}[0-9]{6}[A-Z]{1}" 
    class="form-control" required>

然而,这允许我输入任何内容,有没有办法限制这个？