<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
div[data-highlightword] {
position: relative;
color: #666666;
}
div[data-highlightword]::before {
content: attr(data-highlightword);
color: purple;
position: absolute;
top: 0;
left: 0;
}
</style>
</head>
<body>
<div data-highlightword="Example">
Example for you.
</div>
</body>
</html>