ElaisCom: pangkat

Ada kalanya saya akan membuat sebuah notifikasi disebuah web yang tentunya posisi angka harus diletakkan di pojok atas.

Nah bagaimana menuliskan angka atau huruf berpangkat. Atau posisinya di kanan atas dengan menggunakan sintak html.

Berikut caranya menggunakan sintak <sup>.
Contohnya :

<html>
  <title>Test Pangkat</title>
  <style type="text/css">
 .pangkat{
      color:#fff;
             font-weight:bold;
             border-radius:100em;
             border:2px solid #D8D8D8;
             background:#E82C0C;
             padding:3px;
 }
  </style>
<body>
  <div> Notifikasi <sup id="pangkat">13</sup></div>
</body>
</html>

Hasilnya akan seperti ini

Oke Semoga bermanfaat...

[Read more]

Membuat tulisan berpangkat