position: relativebottom: 0;
right: -40px;
position: absolutewidth: 40px;
height: 10px;
background-color: #fff;transform: rotate(45deg) (ну или сколько там понадобится для каждого из них.
-moz-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;before и after это как ещё два div-а внутри вашего блока, просто они псевдоэлементы. Подумайте сами. Ваш блок position: relative, а before и after имеют position: absolute. Как ведут себя обычные div-ы с такими параметрами? <div classs="one">
<div classs="two"></div>
<div classs="two"></div>
</div>.one{
position: relative;
}
.two{
position: absolute;
}
$(document).on('keydown', function(e) {
if (true) {
if (e.keyCode === 37 || e.keyCode === 38) YourFunction();
else if (e.keyCode === 39 || e.keyCode === 40) YourFunction();
}
});