Boşluk Oluşmuyor Yardım Lütfen

Arkadaşlar mobil görünümde reklam ile yazı arasında boşluk oluşturmaya çalışıyorum. Ancak <br> < br/> &nsbp; gibi ne kadar kod kullandıysam hatta birden fazla kullandım ama boşluk birtürlü oluşmadı gitti. Aşağıdaki resimde görsel olarak ne yapmak istediğimi anlatmaya çalıştım. Resimdeki kırmızı ile çizdiğim alanın arasına boşluk mesafesi koymak istiyorum. Konu ile ilgili bilgisi olan kişiler yardımcı olursa sevinirim. Kodu da ayrıca ekledim.

<div class="gallery-nav" role="menu">
			<span class="left" role="menuitem"><?php previous_image_link( false, __( '&laquo; previous in gallery' , 'wptouch-pro' ) ); ?></span>
			&nbsp;
			<span class="right" role="menuitem"><?php next_image_link( false, __( 'next in gallery &raquo;' , 'wptouch-pro' ) ); ?></span>
		</div>


</div><!-- .post -->

</div><!-- #content -->

<center><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 300x250 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:300px;height:250px"
     data-ad-client="ca-pub-1111111111111111"
     data-ad-slot="1111111111"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></center>

<?php get_footer(); ?>

adsgygoogle classına style ilave edin. margin-top: 50px gibi istediğinize göre ayarlarsınız.

veya

gallery-nav classına margin-bottom verin.

ikisi de işinizi görecektir.

Hocam daha açık yazarsanız sevinirim.

Dener misin?

<div class="gallery-nav" role="menu"> 
            <span class="left" role="menuitem"><?php previous_image_link( false, __( '&laquo; previous in gallery' , 'wptouch-pro' ) ); ?></span> 
            &nbsp; 
            <span class="right" role="menuitem"><?php next_image_link( false, __( 'next in gallery &raquo;' , 'wptouch-pro' ) ); ?></span> 
        </div> 


</div><!-- .post --> 

</div><!-- #content --> 
<div style="height: 10px; clear: both"></div>
<center><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> 
<!-- 300x250 --> 
<ins class="adsbygoogle" 
     style="display:inline-block;width:300px;height:250px" 
     data-ad-client="ca-pub-1111111111111111" 
     data-ad-slot="1111111111"></ins> 
<script> 
(adsbygoogle = window.adsbygoogle || []).push({}); 
</script></center> 

<?php get_footer(); ?>

<div class="gallery-nav" role="menu"> 
            <span class="left" role="menuitem"><?php previous_image_link( false, __( '&laquo; previous in gallery' , 'wptouch-pro' ) ); ?></span> 
            &nbsp; 
            <span class="right" role="menuitem"><?php next_image_link( false, __( 'next in gallery &raquo;' , 'wptouch-pro' ) ); ?></span> 
        </div> 


</div><!-- .post --> 

</div><!-- #content --> 

<center><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> 
<!-- 300x250 --> 
<ins class="adsbygoogle" 
     style="display:inline-block;width:300px;height:250px;margin-top:50px;" 
     data-ad-client="ca-pub-1111111111111111" 
     data-ad-slot="1111111111"></ins> 
<script> 
(adsbygoogle = window.adsbygoogle || []).push({}); 
</script></center> 

<?php get_footer(); ?>

Dener misin. Kodda düzenlediğim yer margin-top:50px; yazan yerdir. Aratarak kodun içinde bulabilirsin. 50px işinizi görmemiş ise arttırabilir veya azaltabilirsin. Daha detaylı destek için pm veya skype üzerinden görüşebiliriz.

Skype: ruwm35

Hocam allah bin kere razı olsun oldu sonunda.

Rica ederim İşiniz hallolduysa ne mutlu bana.

İyi çalışmalar dilerim.