I have a form in which I need to have multiple lines each with two fields per line. You can think of this similar to an invoice with multiple line items and columns. For my example I simply need a "date field" and a "no show?" field for each line, and eight sets of these lines. I would like to use the Ready Class "gf_inline" for these but I'm not sure how I break/clear one line from the next as all the fields stack as long as there is space for them. Here's a crude visual representation of what I would like to accomplish:
[date1 class="gf_inline] [no_show1 class="gf_inline"]
[date2 class="gf_inline] [no_show2 class="gf_inline"]
[date3 class="gf_inline] [no_show3 class="gf_inline"]
etc....
However it looks like this
[date1 class="gf_inline] [no_show1 class="gf_inline"] [date2 class="gf_inline] [no_show2 class="gf_inline"] [date3 class="gf_inline]
[no_show3 class="gf_inline"]
I tried a gf_left_half and a gf_right_half but the horizontal space between them is way too much for the small fields.
I know I can target each individual field for this specific form but I was hoping to avoid that and use some kind of "clear" to make this work. I noticed a clear won't work b/c these property is display:inline-block and not a float. Any suggestions for a quick fix?
Thanks