Best web accessibility html markup for text above bulleted list

From a web accessibility or anyone's perspective I was wondering what HTML tag should we use for the text above the bulleted list? See example below.

Should it be a heading tag (i.e. <h1>, <h5>) or a paragraph tag <p> ?

Example

<div class="content">
<p>This is the first paragraph</p>
<p>This is the second paragraph</p>

<p>Computer science subjects include:</p>
<ul>
  <li>Human Computer Interaction</li>
  <li>Web Content accessibility</li>
  <li>Search engine optimisation</li>
</ul>

<p>This is the another paragraph</p>

<h4>Music subjects</h4>
<ul>
  <li>Guitar</li>
  <li>Piano</li>
  <li>Flute</li>
</ul>
</div>

Select allOpen in new window