.newLeft { position:absolute; top:0; left:0; width:30%; } .newRight { position:absolute; top:0; left:30%; width:50%; } .newText { width:25%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .newTime { position:absolute; left:30%; } .containers { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .test { float: left; width: 50px; height: 50px; line-height: 50px; background: crimson; text-align: center; font-size: 10px; color: #500716; border: solid 1px #c01134; -webkit-transition: all 0.4s; transition: all 0.4s; } .test:hover { box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.4); -webkit-transform: scale(1.2); transform: scale(1.2); color: #c2e59c; } /* .test:nth-child(4), .test:nth-child(7) { clear: left; } */