<ul>
		<li><a href="#" title="grid-columns">grid-columns</a></li>
		<li><a href="#" title="grid-rows">grid-rows</a></li>
		<li><a href="#" title="hanging-punctuation">hanging-punctuation</a></li>
		<li><a href="#" title="height">height</a></li>
		<li><a href="#" title="icon">icon</a></li>
		<li><a href="#" title="left">left</a></li>
		<li><a href="#" title="letter-spacing">letter-spacing</a></li>
		<li><a href="#" title="line-height">line-height</a></li>
	</ul>
		ul {
			font:normal 16px Arial;
		}
		li, a {
			display:inline-block;
			text-align:center;
		}
		a {
			padding:4px 8px;
			text-decoration:none;
			color:#333;
		}
		a:hover {
			font-weight:bold;
			background:#eee;
		}
		a::after {
			display:block;
			content:attr(title);
			font-weight:bold;
			height:1px;
			color:transparent;
			overflow:hidden;
			visibility:hidden;
		}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.