.vsmallcircle { height: 40px; width: 40px; background-color: #bbb; border-radius: 50%; /*display: inline-block;*/ } .smallcircle { height: 100px; width: 100px; background-color: #bbb; border-radius: 50%; /*display: inline-block;*/ } .arrow { border: solid black; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; } .leftside { transform: rotate(135deg); -webkit-transform: rotate(135deg); } .up { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } .rightside { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .down { transform: rotate(45deg); -webkit-transform: rotate(45deg); }