.select { display:block; text-align:center; } .select-item { display:inline-block; color:#fff; background-color:#3fada8; border-radius:2px; border:1px solid #3fada8; cursor:pointer; padding:4px 10px; margin:5px; transition:0.4s; } .select-item:hover,.select-item.select-item-active { background-color:#fff; color:#3fada8; } #cards-container { display:block; text-align:center; padding:10px; } #cards-container .card { width:400px; vertical-align:top; height:190px; border-radius:0px; border:1px solid #ddd; background:#f2f8fb;/*background of student  padding*/ /*background: #f5f5f4 url(../images/structure/ie-gradient-bg.jpg) repeat-x top left;*/     box-shadow: 0 0 8px #000;     -webkit-box-shadow: 0 0 8px #000;     -moz-box-shadow: 0 0 8px #000;     float: center;     position: relative;     width: 100%;     z-index: 1 padding:20px; display:inline-block; margin:10px 10px 6px 0px; overflow:hidden; }  #cards-container .card img { height:350px; width:auto; padding:0px!important; background:#fff; margin:0!important; margin-right:0px!important; margin-bottom:10px!important; } #cards-container .card hr { margin:0; margin-top:20px; margin-bottom:10px; background:-webkit-linear-gradient(left, rgba(192,192,192,0), rgba(192,192,192,0.75), rgba(192,192,192,0)); background:-moz-linear-gradient(left, rgba(192,192,192,0), rgba(192,192,192,0.75), rgba(192,192,192,0)); background:-ms-linear-gradient(left, rgba(192,192,192,0), rgba(192,192,192,0.75), rgba(192,192,192,0)); background:-o-linear-gradient(left, rgba(192,192,192,0), rgba(192,192,192,0.75), rgba(192,192,192,0)); background:linear-gradient(left, rgba(192,192,192,0), rgba(192,192,192,0.75), rgba(192,192,192,0)); clear:both; }  .select-item { display:inline-block; color:#fff; background-color:#3fada8; border-radius:2px; border:1px solid #3fada8; cursor:pointer; padding:4px 10px; margin:5px; transition:0.4s; } .select-item:hover,.select-item.select-item-active { background-color:#fff; color:#3fada8; }