How to draw a few gray circles in a black rectangle using HTML/CSS/JS/PHP : I want to create a rectangle in which there will be several black circles. I've tried many ways, but not one has not helped me.
Here's some of them:
w3school:
html:

    <span class="dot"></span>
    <span class="dot"></span>
    <span class="dot"></span>
    <span class="dot"></span> 
CSS:

    .dot {
      height: 25px;
      width: 25px;
      background-color: #bbb;
      border-radius: 50%;
      display: inline-block;
    } 
Doesn't display anything in edge.
Another:
html:

    <div class="circle"></div>
    <div class="circle"></div>
CSS:

    .circle{
    border-radius: 100%;
    background: black;
    width: 35px;
    height: 35px;
    }
That won't display two circles in one line.
I tested a few more versions, but they did not work.
This is an approximate version of what I want to do:
[click][1]


  [1]: http://prntscr.com/klmxd0