Add left and right margins to test

Hi there,

For the following

<h4 class="font-body" style="background-color:hsla(30, 2%, 18%, 0.77);">
DMS has extensive experience producing videos of all kinds, from feature-type hero pieces, to entertaining branded content, to how-to's and interviews. Scroll down to view a selection of video content produced by DMS's Kevin Duke.
</h4>

I would like to add some margins around the text... so that the background color is not so tight around the text...
Is this possible?

Here is the entire chunk

<div class="row clearfix">
<div class="col-md-6"></div>

            <div class="col-md-6">
              <div class="emphasis-title">
                <h1 class="font-body">
                  **DMS Video Playlist**
                </h1>
                <br>
                <h4 class="font-body" style="background-color:hsla(30, 2%, 18%, 0.77);">
					DMS has extensive experience producing videos of all kinds, from feature-type hero pieces, to entertaining branded content, to how-to's and interviews. Scroll down to view a selection of video content produced by DMS's Kevin Duke.
				</h4>
              </div>

              <!--a
                href="/playlist.html"
                target="_blank"
                class="button button-large button-white button-light capitalize"
                style="border-radius: 23px;"
                >Production - Playlist</a
			  -->

              <!--<i class="icon-play-sign"></i> Watch the Video-->
            </div>
          </div>

Screen shot showing the too-tight borders is attached...

Thank you!!!!!

Thank you for that.
Any chance you can give me an example of how to implement that class?
Thank you!

Thank you!!!!!!!!!!!!!!!!!!!!!!