CSS Style only text within a paragraph tag
<p>I have a page of text and it is formatted similar to this</p>

<pre><code>&lt;div class="container"&gt;
    &lt;p style="text-align: center;"&gt;
        &lt;span style="text-decoration: underline;"&gt;
            &lt;strong&gt;
                &lt;img src="//cdn.shopify.com/s/files/1/0652/9219/files/Horizontal.jpg?13817493546805475501" alt=""&gt;
            &lt;/strong&gt;
        &lt;/span&gt;
    &lt;/p&gt;
    &lt;p style="text-align: center;"&gt;
        &lt;span style="text-decoration: underline;"&gt;
            &lt;strong&gt;The Hosting&lt;/strong&gt;
        &lt;/span&gt;
    &lt;/p&gt;
    &lt;p&gt;
        The in-laws are arriving, friends are in town, and everyone is heading to your abode for a night filled with holiday cheer. As stress levels tend to rise during these events, expenses do as well. Here are a few tips to nail your hostess game, without breaking the bank and &lt;em&gt;still&lt;/em&gt; shopping consciously. 
    &lt;/p&gt;
&lt;/div&gt;
</code></pre>

<p>I am looking to keep the images which fit the entire content width of the class container the same but only change the text within the paragraph tags to either be a smaller width (so it looks indented on both sides) or have margins but not affect the images at all.  I cannot change how the code is outputted so the images will always be wrapped in paragraph tags.</p>

<p>This code is a small sample on the page of content and there are several images and text throughout.</p>

<p>So basically I am looking for a way in css to style only the actual text within the paragraph tags and leave the images unchanged.  Any help would be great.</p>

<p>Here is a fiddle example: <a href="https://jsfiddle.net/jpautt8v/" rel="nofollow">https://jsfiddle.net/jpautt8v/</a></p>