Question

Align Top for TwoPerLine

Forms

Updated June 4, 2020

asked on June 4, 2020

I'd like to top align these two fields using TwoPerLine:

Here's what I have so far:

/*Displays two fields per line*/
.TwoPerLine{display: inline-block; width:47%;}
.TwoPerLine .cf-medium {width:97%;}

Thanks in advance to anyone who can help!

0 0

Answer

SELECTED ANSWER

replied on June 4, 2020

Hi Gloria

Add vertical-align:top to your css code as in the example below

.TwoPerLine{display: inline-block; width:47%;vertical-align:top;}

1 0

Replies

replied on June 4, 2020

Can I tell you that I tried that! I copied and pasted what you put up there and IT WORKED! Imagine that. I obviously didn't have it 100% correct! Sheesh.

Now if I could remove the line that is there (I'm not using a heading, but the line still shows up).

0 0

replied on June 4, 2020

Hi Gloria,

Your best friend in these situations is the developer tools in the browser.

Right-click that line, or as close as you can, and select "inspect" and then you can find the class you'll need to be able to make it hidden.

I'm pretty sure it is something like .cf-table-header, but I figured it would still be helpful to point out the "easy" way to track those things down since in my experience this kind of thing comes up a lot.

Usually you will need to combine that with another more specific selector so you don't end up applying it to every one of those elements, but you get the idea.

1 0

You are not allowed to follow up in this post.

Question

Question

Align Top for TwoPerLine

Answer

Replies

Sign in to reply to this post.