Float Problem

Posted on 2011-05-09
Last Modified: 2012-06-21
Hi Experts,

I'm having a trouble making post title (class="entry-title") float right next to its date (class="date") in wordpress site I'm testing.

I truly appreciate if someone can take a look at it.

I temporarily uploaded the file here ->Test Blog

Thank you!
Question by:Kokko
    LVL 82

    Expert Comment

    Try something like:
    <div class="date" style="float:left;width:5em;">Mar<br />22</div>

    If it does what you want, then update your .date class in you css

    Author Comment

    Thank you, hielo, for the comment.  But it's not working.
    LVL 82

    Accepted Solution


            <div class="date" style="float:left;width:3em;">Mar<br />22</div> 
    		<h2 class="entry-title" style="clear:none;"><a href="" title="Permalink to hi there" rel="bookmark">hi there</a></h2> 

    Open in new window

    LVL 12

    Expert Comment

    hielo has it.

    In your style.css file on line 35 h1 through h6 are told to clear: both.  Overriding this in the element style as hielo said should fix it.
    LVL 3

    Expert Comment


    I can see the test blog in firefox, that entry title is appearing in right side of date... did you make any changes in the code? if not, please let me know I can provide you best solution,

    Author Closing Comment

    Thank you, hielo!

    I thought I accepted yours as the solution on the same day I posted the question, but I guess I didn't do it right.  I'm sorry for the late response.

    Again, thank you for the help!

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Threat Intelligence Starter Resources

    Integrating threat intelligence can be challenging, and not all companies are ready. These resources can help you build awareness and prepare for defense.

    So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
    Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
    This video teaches users how to migrate an existing Wordpress website to a new domain.
    The purpose of this video is to demonstrate how to integrate Mailchimp with Facebook. This will be demonstrated using a Windows 8 PC. Mailchimp and Facebook will be used. Log into your Mailchimp account. : Click on your name. Go to Account Settiā€¦

    737 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    21 Experts available now in Live!

    Get 1:1 Help Now