.top-banner-case{ background: url("../img/case-top-banner.jpg") no-repeat center center; background-size: cover; } .case-wrapper{ margin-top: 30px; } .case>.col-md-4{ padding: 0 10px; } .case .col-md-4>div{ margin-top: 20px; box-shadow: 5px 5px 20px #ccc; overflow: hidden } .case .col-md-4>div>a{ display: block; overflow: hidden } .case .col-md-4>div>a img{ width: 100%; transition: all 1s } .case .col-md-4>div:hover>a img{ transform: scale(1.2); } .case-wrapper p{ font-size: 16px; line-height: 40px; margin-bottom: 0; } .case-wrapper p span{ float: left; width: 85%; padding-left: 5%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .case-wrapper p a{ float: right; padding-right: 5%; width: 10%; }