Bubble menu

   1   

   2

   3

   4

   5

   6

   7

........


<div class="" style="background-color: #8c72cb; border-radius: 50%; flex-shrink: 0; font-family: inherit; height: 28px; width: 28px;">
&nbsp; &nbsp;1&nbsp; &nbsp;</div>
<div class="" style="background-color: #8c72cb; border-radius: 50%; flex-shrink: 0; font-family: inherit; height: 28px; width: 28px;">
&nbsp; &nbsp;2</div>
<div class="" style="background-color: #8c72cb; border-radius: 50%; flex-shrink: 0; font-family: inherit; height: 28px; width: 28px;">
&nbsp; &nbsp;<span style="font-family: inherit;">3</span></div>
<div class="" style="background-color: #8c72cb; border-radius: 50%; flex-shrink: 0; font-family: inherit; height: 28px; width: 28px;">
&nbsp; &nbsp;4</div>
<div class="" style="background-color: #8c72cb; border-radius: 50%; flex-shrink: 0; font-family: inherit; height: 28px; width: 28px;">
&nbsp; &nbsp;5</div>
<div class="" style="background-color: #8c72cb; border-radius: 50%; flex-shrink: 0; font-family: inherit; height: 28px; width: 28px;">
&nbsp; &nbsp;6</div>
<div class="" style="background-color: #8c72cb; border-radius: 50%; flex-shrink: 0; font-family: inherit; height: 28px; width: 28px;">
&nbsp; &nbsp;7</div>