ZIDARU

by ghinda

HTML

<div class="friend" id="best_friend"> </div>
<div class="friend" id="data"> <p>Qotsa</P> </div>
<div class="family" id="data"> <p> Rhcp </p></div>
<div class="enemy"> </div>
<div class="enemy" id="archnemesis"> </div>
<!--Add your HTML below!-->

CSS

/*Add your CSS below!*/

div {
	display: inline-block;
	margin-left: 5px;
	height: 90px;
	width: 90px;
	border-radius: 100%;
	border: 2px solid black;
    
    /* ASTA AM ADAUGAT */
    vertical-align: top;
    
    /* 
    asa ii default, cand nu il definesti deloc
    de asta cadeau mai jos alea doua, cum aveau text in ele.
    */
    /*vertical-align: baseline;*/
}
#data {/*position: relative;*/
        margin-top: 0px;
        font-size: 12px;}
.friend {border: 2px dashed #008000;}
.family {border: 2px dashed #0000ff;
        border-radius: 10%    }
.enemy {border: 2px dashed #ff0000;}

#best_friend {border: 4px solid #00c957;} 
#archnemesis {border: 4px solid #cc0000}