Annie The Cross Annie The Cross - 1 year ago 229
HTML Question

How to put bull inside css circle

I need to create line with few circle inside and with dot inside these circles.. It should be look like radio buttons - how can I make the dot vertical align?



<div class="round" id="round-vertically">
<div class="circle img1" id="circle-star"><span>&bull;</span></div>
<div class="circle-line"></div>
<div class="circle img2" id="circle-key"><span>&bull;</span></div>
<div class="circle-line"></div>
<div class="circle img3" id="circle-cursor"><span>&bull;</span></div>
<div class="circle-line"></div>
<div class="circle img4" id="circle-mobile"><span>&bull;</span></div>

Answer Source

Don't use characters, create it by css:


<div class="eye"></div>


  border: 2px solid red;
  border-radius: 100%;
  position: relative;
  width: 2em; height: 2em;
  content: "";
  display: block;
  position: absolute;
  width: 1em; height: 1em;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  background: red;
  border-radius: 100%;

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download