I made an HTML version of the clues that includes the crossword centered on top.
To use, copy and save as index.html (or really anything) in the same folder as Crossword.png
<html>
<head>
<style lang="text/css">
h1, h2, img.puzzle {
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
}
.clues {
display: flex;
flex-direction: row;
flex: 1fr 1fr;
align-items: baseline;
justify-content: center;
}
.clues div {
padding-left: 1em;
padding-right: 1em;
}
</style>
</head>
<body>
<h1>A Bad Crossword</h1>
<img src="Crossword.png" alt="A bad crossword puzzle" class="puzzle">
<div class="clues">
<div class="across">
<h2>Across</h2>
<pre>
2: a creature
4: heard on rollercoasters
8: golden state
10: swedish pop group
12: a type of car
15: LOK keyword
16: foresee
18: white character
</pre>
</div>
<div class="down">
<h2>Down</h2>
<pre>
1: a muscle
2: a challenge in which you don’t press A
3: barium
5: type of battery
6: banana from the philippines
7: what does a sheep say
9: something to cool you down
11: a type of gun
13: variant of #17
14: help preservation technique
17: cool blue arrow
</pre>
</div>
</div>
</div>
</body>
</html>