CSSで見出しに四角「■」を付ける

以下のCSS例だと下線もつけています。

↓以下の様な感じです。（四角のサイズは自由に変更できます）

■ みだし
─────────────────────────────────────────────

h3 {
      border-bottom: 1px solid #000;
      font-size: 110% !important;
      font-weight: normal;
      padding-bottom: 5px;
      position: relative;
      padding-left:15px;
}

h3:before {
        background: #000;
        content: "";
        height: 10px;//四角のサイズ
        width: 10px;//四角のサイズ
        left: 0;
        position: absolute;
        top: 3px;
}

参考：【CSS】見出しの前に四角形を書く（主に自分用(´・ω・｀)）