<main>
	<h1>Trinket</h1>

	<hr />

	<div id="def">
		<p><b><i>trinket</i><span id="def_pronunciation">|ˈtrɪŋkɪt|</span></b></p>
		<p id="def_type"><i>n.</i></p>
		<p>a small item that is of little value</p>
	</div>
</main>

<style>
	main {
		text-align: center;

		border: solid 2px black;
		padding: 5px;

		border-radius: 5px;
	}

	hr {
		width: 70%;
	}

	#def {
		text-align: center;
	}

	#def_pronunciation,
	#def_type {
		color: grey;
	}
</style>
