▲▼
◀►  
align elements layout
center, bottom, left, right

.x-display-topmiddle{position:absolute;left:50%;top:90;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%);color:white;}.x-display-bottommiddle{position:absolute;left:50%;bottom:140;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%);color:white;}.x-hide-small{display:true!important}.x-center{text-align:center!important}.x-display-container:hover .x-display-hover{display:block}.x-display-container:hover span.x-display-hover{display:inline-block}.x-display-hover{display:none}.x-display-container{position:relative}.x-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}.x-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}