CSS display

===============
* {
border: 1px dashed blue;
}

div {
height: 50px;
width: 100px;
border: 2px solid black;
border-radius:100%;
/*Add your CSS here!*/
display: inline;
}

#one {
background-color: #FF0000;
}

#two {
background-color: #0000FF;
}

#three {
background-color: #FFD700;
}

#four {
background-color: #308014;
}
==========================
εκεί που λέει display και βάλεις block, το κάθε στρογγυλάκι θα είναι σε διαφορετική σειρά, άμα βάλεις inline-block θα είναι στην ίδια σειρά, ενώ σκέτο inline θα σχηματιστεί ένα τετραγωνάκι. Γιατί;

Πάνω-πάνω ανάμεσα στα ίσον αναφέρω και τον κώδικα html, αλλά δεν τον δείχνει.