I need to make bullets points like this:
I tried to think of anything how to do it, but the only thing I can think of is making it in photoshop, and make a img src tag. the best would be if it was ul and li tags.
Does anybody have a good idea how to do it? I tried something like this, but it is not working properly: JSFIDDLE
HTML
<a href="abecadlo/"><div class="galeria">1</div></a>
<a href="abecadlo/"><div class="galeria">2</div></a>
<a href="abecadlo/"><div class="galeria">3</div></a>
CSS
.galeria{
border-style: solid;
border-width: 1px;
border-color: black;
width: 200px;
height: 200px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
margin-right: 2%;
display: inline;
}
ul
- orol
-element or something else?