Restoration
3/15/2017 - 1:31 PM

letter-spacingでli間の隙間をなくす

letter-spacingでli間の隙間をなくす

index.html
content_copyfile_download
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<ul class="inline-block">
		<li>1</li>
		<li>2</li>
		<li>3</li>
	</ul>
	<style>
	.inline-block {
	    letter-spacing: -.40em;
	}
	 
	.inline-block li {
	    display: inline-block;
	    letter-spacing: normal;
	    width: 100px;
	    border: 1px solid #000;
	}
	</style>
</body>
</html>