How can I get these to line up next to each other?

Community Forums Forums Design Tips and Tricks How can I get these to line up next to each other?

This topic is: not resolved

This topic contains 5 replies, has 3 voices, and was last updated by  RobG 1 year, 9 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #68262

    rick4him
    Participant

    At the bottom of this post I listed I’m trying to get those 3 amazon buttons at the bottom of the post to line up next to each other instead of line breaking. Any ideas on how I can do that?

    Thanks.

    http://noahsdad.com/first-sign-language-sentence/
    #68303

    RobG
    Participant

    Trying using the Column Classes it should help you line your content up correctly, I’ve posted the column class to line three items up.

    <h3>Three-Columns</h3>
    
    <div class="one-third first">
    ITEM ONE
    </div>
    
    <div class="one-third">
    ITEM TWO
    </div>
    
    <div class="one-third">
    ITEM THREE
    </div>
    
    
    

    To speed up the process please post the link to the website in question.

    We recommend using Firebug to view source codes http://getfirebug.com/

    RobGoss WordPress Developer
    We build WordPress websites for your business or personal goals
    http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

    #68328

    John
    Participant

    Something like:

    
    .entry-content p iframe { float: left; margin: 0 20px 20px; }
    

    John Sundberg | blackhillswebworks.com
    A WordPress developer’s toolbox: Firebug | WordPress Codex | Google ;)

    #68434

    rick4him
    Participant

    Thanks for your feedback. It looks like you two posted two different methods. Not sure which one is the best way to go. Suggestions?

    #68435

    rick4him
    Participant

    I used @RobG‘s method and it looks like all is well. Thanks!

    http://noahsdad.com/first-sign-language-sentence/

    #68438

    RobG
    Participant

    Hi Rick glad it work out.


    To speed up the process please post the link to the website in question.

    We recommend using Firebug to view source codes http://getfirebug.com/

    RobGoss WordPress Developer
    We build WordPress websites for your business or personal goals
    http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.