Edit in JSFiddle

<div class="box">
  <div class="row">
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
  </div>
  <div class="row">
    <div class="item" id="row2"></div>
  </div>
  <div class="row">
     <div class="item"></div>
     <div class="item" id="row3"></div>
  </div>
</div>

body {
    background-color: black;
}
.box {
    width: 100px;
    height: 100px;
    border-radius:10px;
    background-color: white;
}
.row {
    width: 100px;
    height: 33px;
}
.item {
    width: 25px;
    height: 25px;
    border-radius: 13px;
    background-color: black;
    float: left;
    margin: 4px;
}
#row2 {
    margin: 4px 37px;
}
#row3 {
    margin: 4px 4px 4px 37px;
}