: 10px;
		top: 50%;
		margin-top: -8px;
		bottom: auto;
		left: -18px;
		right: auto;
		content: "←";
	}
	.right.horizontal:before {
		left: auto;
		right: -18px;
		content: "→";
	}
	.bottom.horizontal:before {
		top: auto;
		bottom: 5px;
	}
	.top.horizontal:before {
		top: 5px;
	}
	</style>
</head>
<body>

<div id="target">all around me</div>
<div class="element"></div>

</body>
</html>
