em, strong, code
{
	/* Do not use "text-decoration: underline;",
	because the underline is very close to the corresponding text */
	padding-bottom: 1px;
}

em /* emphasis = Person name */
{
	border-bottom-width: thin;
	border-bottom-style: solid;
}

strong /* Dynasty name */
{
	border-bottom-width: medium;
	border-bottom-style: double;
}

code /*Place and country name*/
{
	border-bottom-width: thin;
	border-bottom-style: dashed;
}

sub /*Alternative word*/
{
	/*subscript presentation*/
	display: inline;
	font-size: 60%;
	background-color: black;
	color: white;
	position: relative;
	bottom: 0.3em;
}

em, strong, code
{
	/* Do not use "text-decoration: underline;",
	because the underline is very close to the corresponding text */
	padding-bottom: 1px;
}

em /* emphasis = Person name */
{
	border-bottom-width: thin;
	border-bottom-style: solid;
}

strong /* Dynasty name */
{
	border-bottom-width: medium;
	border-bottom-style: double;
}

code /*Place and country name*/
{
	border-bottom-width: thin;
	border-bottom-style: dashed;
}

sub /*Alternative word*/
{
	/*subscript presentation*/
	display: inline;
	font-size: 60%;
	background-color: black;
	color: white;
	position: relative;
	bottom: 0.3em;
}

sup /*Checked tone characters 入聲字*/
{
	/*superscript presentation*/
	text-emphasis-style: dot;
	text-emphasis-position: under left;
	-webkit-text-emphasis-style: dot;
	-webkit-text-emphasis-position: under;
}

Add style for checked tone
Add style for checked tone
