Enter your email address:


Delivered by FeedBurner
Sep
16th

How to align two objects in same line?

Author: admin | Files under Tutorials

For those who has a blog or website i will show how to get desired results aligning text or any object in same line. Let’s say you align object 1 and object 2 so object 2 will be under object 1. So how to get object 1 on left and object 2 on the right? There is html trick that will help you to do that. Of course there are several ways to do it but i will tell you the one i like to use because there is no need to edit .css files. Example 1:



<div style="border: 0px solid black;">
  <span style="float:right">
    <a href="Your_desired_url"><img src="Your_desired_url"><img src="Url_to_image1" mce_src="Url_to_image1" border="0" /></a>
  </span>
  <a href="Your_desired_url"><img src="Your_desired_url"><img src="Url_to_image2" mce_src="Url_to_image2" border="0" /></a>
</div>

The output should be similar to this. As you can see Logo on the left and Feed icon on the right. You can experiment with any HTML code instead of  image code. It depends on what you want to align.

Output:

Alignement

Related posts:

  1. Offer for every Blogger
  2. How to float text around the image, google ads and other things?
  3. Increase speed of the Wordpress blog
  4. Easy way to add Google search results code in WordPress template
  5. Hide affiliate ID links

One response. Wanna say something?

  1. Darius
    Jul 21, 2009 at 21:46:26
    #1

    Hi, i am still working on my new site and I’ve been looking for solution how to place two javascripts in same line and this tip, also it is simple it saved me a lot of time. Thanks

Post a Comment