Creating a space between image and text

Question

www.bristolequestrianservices.co.uk
On my index page I have created another social media buttons on my page on my right side.  Don't want to confuse people but the #social-media-icons2 are on my right side as I wanted to change the margins. 
I want a gap between my h2 tag "view gallery" and then the photo and a gap after the photo and follow us...  Thanks Karen
css
#social-media-icons
{  float:right; }
#social-media-icons ul li
{display:inline; }
#social-media-icons ul
{margin-top:40px; }
#social-media-icons2
{  float:left; }
#social-media-icons2 ul li
{display:inline; }
#social-media-icons2 ul
{margin-top:10px; }
<div id="rightside">
                  <h2>Latest News</h2>
            <p><a href="newpictures.html">New Pictures Added</a></p>
            <p><a href="testimonials.html">New Testimonials</a></p>
            <h2>View Gallery</h2><br>           
            <img src="images/photos/1a.jpg" /><br>          
            <h2>Follow Us</h2><br>
       <div id="social-media-icons2">
                  <ul>
                      <li><a href="https://www.facebook.com/groups/150449201771804/"><img src="images/icons/facebook.jpg" /></a></li>
              <li><a href="£"><img src="images/icons/rss.jpg" /></a></li>
              <li><a href="http://www.twitter.com"><img src="images/icons/twitter.jpg" /></a></li>
              <li><img src="images/icons/youtube.jpg" /></li>
            </ul>
                    </div>

Answer 1

The H2 tag is absorbing a rule applied to many elements on line 10 of styles.css (margin:0;padding:0;).
Being the H2 tag is used in so many contexts you probably don't want to add a concrete padding rule for all H2's. You might want to add a generic utility class to it, e.g.:
h2.padBottom10 {
   padding-bottom: 10px; /* change to desired amount */
The "Follow Us" tag is a good example of this because it would have absorbed that bottom padding if you didn't use a class for it. It also should have a generic class applied to it so other H2's are not affected, same as above but a different utility class:
h2.padTop10 {
     padding-top: 10px;
As always with CSS there's a million ways to do it but on specialized items like this, if it only appears in one place or has a smaller purpose, applying a general utility class can be useful.
Then you'd just add the class to the H2, e.g.  <h2 class="padBottom10">View Gallery</h2>, <h2 class="padTop10">Follow Us</h2>.