Align top of text and buttons in column classes

[Amy Kvistad]

I have 3 columns set up using column classes. The first column has a text description, and the next two columns have a button to click. The buttons are bottom aligned and the text is top aligned.

How can I get the buttons to line up at the top of the column like the text is?

http://companytheatre.wpengine.com/white-christmas/

[jbergen]

Hi,

You've done a nice job on the site. I think the reason the buttons are so far down is due to the line breaks in their HTML markup (shown below):

<div class="one-fourth">

    <form target="_blank" method="post" action="https://www.paypal.com/cgi-bin/webscr">
        <input type="hidden" value="_s-xclick" name="cmd"></input>
        <br></br>
        <input type="hidden" value="TZUKLXL8ZM93U" name="hosted_button_id"></input>
        <br></br>
        <input class="button" type="submit" title="PayPal - The safer, easier way to pay online!" name="submit" value="Hold Tickets"></input>
        <br></br>
    </form>

</div>

When I removed the line breaks, I was able to get this:

If you want to push down your text so all the text is along the same line, you can add this to style.css:

.entry-content .one-half {
    margin-top: 13px;
}

And you'll get this:

I hope that helps!
Jamie

---

Jamie @ Ladebug Studios

[Amy Kvistad]

Thanks! That works. I didn't realize all those line breaks were there.

[Author]

Posts