How To Move/Align Ads/HTML Widgets Left, Right and Center?

MD M Nauman Wednesday, 26 April 2017 0 comments


    Hello This is a short tutorial post one of our visitor requested us How To Move/Align Ads/HTML Widgets Left, Right and Center. So we will explain you how to center or align any widgets or Ads Right, Center or Left. Some times this small things causes big problems and consumes our precious time as some ads or widgets does not fit to the template or theme so we want them to align.

    We will show you Three Different Methods to align the Adsense or other Ads and widgets.

    First Method:

    To Align or Move Ads Right:

    To Align The Ads or Widget to the right side Then Copy this below Code.
    <div style='text-align:right'>   
    <!-- Your Widget or Ads Code Here -->   
    </div>

    To Align or Move Ads Center:

    To Align The Ads or Widget to the Center Then Copy this below Code.
    <div style='text-align:center'>   
    <!-- Your Widget or Ads Code Here -->   
    </div>

    To Align or Move Ads Left:

    To Align The Ads or Widget to the Left side Then Copy this below Code.
    <div style='text-align:left'>   
    <!-- Your Widget or Ads Code Here -->   
    </div>

    Customization:

    • The Green Highlighted Text is responsible for Your Widget or Ad Code So Copy Your Code and Replace it with this Green Highlighted <!-- Your Widget or Ads Code Here --> .

    Second Method:

    In this method we will use CSS Float property to align left and right and to align center we will use <center> HTML element.

    To Align or Move Ads Right:

    To Align The Ads or Widget to the right side Then Copy this below Code.
    <div style='float:right; margin: 0px 10px 0px 0px'>   
    <!-- Your Widget or Ads Code Here -->   
    </div>

    To Align or Move Ads Center:

    To Align The Ads or Widget to the Center Then Copy this below Code.
    <center>   
    <!-- Your Widget or Ads Code Here -->   
    </center>

    To Align or Move Ads Left:

    To Align The Ads or Widget to the Left side Then Copy this below Code.
    <div style='float:left; margin: 0px 0px 0px 10px'>   
    <!-- Your Widget or Ads Code Here -->   
    </div>

    Customization:

    • The Green Highlighted Text is responsible for Your Widget or Ad Code So Copy Your Code and Replace it with this Green Highlighted <!-- Your Widget or Ads Code Here --> .

    Third Method:

    In this method we will use Align Property To Center, Left or Right side of the Website or Blog Section.

    To Align or Move Ads Right:

    To Align The Ads or Widget to the right side Then Copy this below Code.
    <div align='right'>   
    <!-- Your Widget or Ads Code Here -->   
    </div>

    To Align or Move Ads Center:

    To Align The Ads or Widget to the Center Then Copy this below Code.
    <div align='center'>   
    <!-- Your Widget or Ads Code Here -->   
    </div>

    To Align or Move Ads Left:

    To Align The Ads or Widget to the Left side Then Copy this below Code.
    <div align='left'>   
    <!-- Your Widget or Ads Code Here -->   
    </div>

    Customization:

    • The Green Highlighted Text is responsible for Your Widget or Ad Code So Copy Your Code and Replace it with this Green Highlighted <!-- Your Widget or Ads Code Here --> .

    Conclusion:

    Now We All know this three different and easiest methods To Align or Move any Ads or Widgets. Just remember this small code so that in future you can easily do it or you can bookmark this page.

    That's It Thanks For Following our Tutorial '' How To Move/Align Ads/HTML Widgets Left, Right and Center? '' Along With us If you found any difficulty Please Comment and Share Your Valuable Opinion. And Stay tuned for More Tutorials Like This and Share this with your friends.





    Labels:

    Hello MD M Nauman is a passionate Web Designer and write Reviews on Games and Software. He love blogging, Designing Blogger templates, Web Developing.

    Google+ Pinterest