h1 {
	text-align: center;
	margin-bottom: 50px;
}

table {
	border-collapse: collapse;
	border-spacing: 0px;
	border: 5px solid black;
}

th, td {
	border: 1px solid black;
	padding: 5px;
}

.char-cell {
	height: 90px;
	width: 90px;
	position: relative;
}

.ref-line-top, .ref-line-bottom {
	position: absolute;
	width: 100%;
	border-bottom: 2px dotted #ddd;
}

.ref-line-top {
	top: 27px;
}

.ref-line-bottom {
	top: 63px;
}

.sample-char {
	color: #ddd;
	font-family: Georgia;
	font-style: italic;
	text-align: center;
	font-size: 76px;
	line-height: 75px;
}

h1 {
	text-align: center;
	margin-bottom: 50px;
}

table {
	border-collapse: collapse;
	border-spacing: 0px;
	border: 2px solid black;
}

th, td {
	border: 1px solid black;
	padding: 5px;
}

.char-cell {
	height: 60px;
	width: 60px;
	position: relative;
}

.ref-line-top, .ref-line-bottom {
	position: absolute;
	width: 100%;
	border-bottom: 2px solid #ccc;
}

.ref-line-top {
	top: 15px;
}

.ref-line-bottom {
	top: 45px;
}

.sample-char {
	color: #ccc;
	font-family: Georgia;
	font-style: italic;
	text-align: center;
	font-size: 60px;
	line-height: 50px;
}

Adjust reference line and sample chars
Adjust reference line and sample chars
