<!DOCTYPE html>
<html>
<head>
<style>
h3.ex1 {
text-emphasis: double-circle red;
text-emphasis-position: over;
}
h3.ex2 {
text-emphasis: triangle blue;
text-emphasis-position: under;
}
h3.ex3 {
writing-mode: vertical-rl;
text-emphasis: triangle blue;
text-emphasis-position: under right;
}
h3.ex4 {
writing-mode: vertical-rl;
text-emphasis: triangle blue;
text-emphasis-position: under left;
}
</style>
</head>
<body>
<h1>The text-emphasis-position Property</h1>
<h3 class="ex1">This is some text.</h3>
<h3 class="ex2">This is some text.</h3>
<h3 class="ex3">This is some text.</h3>
<h3 class="ex4">This is some text.</h3>
</body>
</html>