background color on individual h2 tag
<p>I am a little bit in doubt of a small thing here. I have made a wireframe, that I started to make. The line: "A catcy piece of text" has to have a background. But how do I make that background, without styling all h2 tags? As I understand it is not good practice to give a h2 tag a class?</p>

<p><a href="https://i.stack.imgur.com/pyoXS.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pyoXS.png" alt="Picture"></a></p>

<p><strong>HTML</strong></p>

<pre><code>&lt;section class="container-fluid" id="section1"&gt;
        &lt;div class="v-center"&gt;
            &lt;h1 class="text-center"&gt;COMPANY NAME&lt;/h1&gt;
            &lt;h2 class="text-center"&gt;Change this &lt;b&gt;subline&lt;/b&gt; here&lt;/h2&gt;
            &lt;p class="text-center"&gt;
                &lt;br&gt;
                &lt;a href="#" class="btn btn-blue btn-lg btn-huge lato" data-toggle="modal" data-target="#myModal"&gt;Get Free Membership&lt;/a&gt;
            &lt;/p&gt;
            &lt;h2 class="text-center"&gt;A CATCY PEICE OF TEXT&lt;/h2&gt;


            &lt;p class="text-center"&gt;&lt;i&gt;Enter your email for more news&lt;/i&gt;&lt;/p&gt;
        &lt;/div&gt;
    &lt;/section&gt;
</code></pre>