Subtitle display part of html code?

I’m trying to set up a subtitle to display icons and have them link to the profile of artists. However the code is showing part of the html? See screenshots and code below:

		<div class="post-meta group">
			<p class="post-category"><a href="https://www.crtive.com/category/art/artist-profile/" rel="category tag">Artist Profile</a></p>
			<p class="post-date">
  <time class="published updated" datetime="2016-10-01 11:31:16">October 1, 2016</time>
</p>

  <p class="post-byline" style="display:none">&nbsp;by    <span class="vcard author">
      <span class="fn"><a href="https://www.crtive.com/author/barr-liam/" title="Posts by barr-liam" rel="author">barr-liam</a></span>
    </span> · Published <span class="published">October 1, 2016</span>
      </p>
		</div><!--/.post-meta-->

		<h2 class="post-title entry-title">
			<a href="https://www.crtive.com/?post_type=artistprofile&p=1677" rel="bookmark" title="LUKE ETHO.<small class=" subtitle"=""><i class="fa fa-facebook"></i><i class="fa fa-instagram"></i><i class="fa fa-link"></i>">LUKE ETHO.<small class="subtitle"><i class="fa fa-facebook"></i><i class="fa fa-instagram"></i><i class="fa fa-link"></i></small></a>
		</h2><!--/.post-title-->

• This topic was modified 8 years, 1 month ago by liambbarr.
• This topic was modified 8 years, 1 month ago by liambbarr.