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 :
Hasilnya akan seperti ini
Oke Semoga bermanfaat...
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...
