Looking for some help with aligning the blue title on my website (under the "about us" section) with the Norway flag positioned to its left. I've attempted adjusting the padding-bottom and margin-bottom to shift the title up a few pixels, but it didn't have the desired effect. Any suggestions? Thanks
CSS
#activity-container {
width: 600px;
background-color: #FFFFFF;
font: 12px 'Open Sans', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
color:#000;
font-weight: 400;
padding:25px;
margin-left: auto;
margin-right: auto;
border: 1px dotted #666;
background: #fff url(../images/norway-map.png) no-repeat right top;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=93)";
filter: alpha(opacity=93);
opacity: 0.93; /* For IE8 and earlier */
}
HTML
<div id="activity-container">
<p><img src="images/norway-flag-small.jpg" alt="Picture" /><span class="activity-title">Swoåsa, natural mineral water, pure nature</span></p>
<br />
<p>XXZ AS was founded</p>
</div>