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

[rick4him]

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/

[RobG]

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

[John]

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 😉

[rick4him]

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

[rick4him]

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

Signing Update: Noah’s First Sign Language Sentence!

[RobG]

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

[Author]

Posts