Texto HTML ... -

18.04.2015

Texto

HTML

<div class="row"> <div class="col-sm-1"> <div class="round round-sm"><span class="glyphicon glyphicon-file"><img src="https://img-fotki.yandex.ru/get/4810/sibircko-ir.38/0_59ee5_b2693a2_orig" width="140" height="165" alt="" /></span><br /></div>  </div> </div><div class="container"> <div class="row"><div class="col-sm-1"><div class="round round-sm hollow "><span class="glyphicon glyphicon-file">Texto</span></div></div></div></div>

CSS

.round{ -moz-border-radius:50%; /* for Firefox */ -webkit-border-radius:50%; /* for Webkit-Browsers */
    border-radius:50%; /* regular */
    opacity:1; /* Transparent Background 50% */
    background:#eee;
    padding:40px;
    height:170px;
    width:170px;
    text-align: center;
    alignment-adjust: middle;
    vertical-align:middle;
    text-decoration: none;
    color:#000; } 
.round:hover{ -moz-border-radius:50%; /* for Firefox */ -webkit-border-radius:50%; /* for Webkit-Browsers */
    border-radius:20%; /* regular */
    opacity:1; /* Transparent Background 50% */
    background:#ccc;
    padding:40px;
    height:170px;
    width:170px;
    text-align: center;
    alignment-adjust: middle;
    vertical-align:middle;
    text-decoration: none;
    color:#fff; }