#q3, #q4 {display: inline-block ;} #q29, #q5 {display: inline-block ;} #q6, #q7 {display: inline-block ;} #q8, #q9 ... #q20, #q21 {display: inline-block ;} #q22, #q23 {display: inline-block ;} #q24, #q25 {display: inline-block ;} #q26, #q27 ......

fields to display in an inline-block */ #q6, #q7 {display : inline-block ; vertical-align:top;} /*hide the labels to the left of the ... field to display in an inline-block*/ .inline -field {display : inline-block ;} /*remove left, right, and top borders, so that fields look like a blank ......

table*/ .total_score, .director {display: inline-block ; width: 50%;} .audit_period, .dm {display: inline-block ; width: 50%;} .site_id, .manager {display: inline-block ... %;} .store_format, .auditor {display: inline-block ; width: 50%;} . inline > .cf-label {width: 30% !important;} . inline > .cf-field {width: 70% !important;} /* hide ......

#q115, #q117 {display: inline-block ; width: 15%; vertical-align:top;} #q118, #q119 {display: inline-block ; width: 30%; vertical-align ......

min-width : 80px;} .quarterWidth {display : inline-block ; width : 25%;} .thirdWidth {display : inline-block ; width : 33%;} .halfWidth {display : inline-block ; width : 50%;} .fortyEigthPercentWidth ... width : 24%;} .threeQuarterWidth {display : inline-block ; width : 75%;} .dateField {display : inline-block ; width : 25%;} .dateField .cf-xlarge {width : 80%;} .twentFourPercentDateField {display ......

fields to display in an inline-block */ #q6, #q7 {display : inline-block ; vertical-align:top;} /*hide the labels to the left of the ... field to display in an inline-block*/ .inline -field {display : inline-block ;} /*remove left, right, and top borders, so that fields look like a blank ......

right. Code: #q1 {display: inline-block ;margin-right:10px;} #q2 {display: inline-block ;} Before:   After:...

#q12, #q13 {display: inline-block ;} Try: #q12, #q13 {display: inline-block ; width: 300px;} Note that you can also specify a percentage ......

do this using the display: inline-block feature.   The last two fields are Pickup Date & Due Date and I would like them to be ... #q115, #q116 {display: inline-block ; width: 16%; vertical-align: top;} #q115, #q116 {position: absolute; position: relative;} /*115 & 116 are ......

tables have the "cf-table- block " class; you'll see similar things with Sections and Collections. Practice makes perfect, so it doesn't take long ......

#q48, #q49 {display: inline-block ; width:25% vertical-align:top;} #q50, #q51, #q52, #q53 {display: inline-block ; width ... #q56, #q57 {display: inline-block ; width:25% vertical-align:top;} #q58, #q59, #q60, #q61 {display: inline-block ; width ......

#q2, #q3 {display: inline-block ;} #q4 label {width: 90px;} #q4 .cf-medium {width: 200px;} #q4 .cf-field {width: 200px;} # ... #q5, #q37 {display: inline-block ;} #q6 label {width: 150px;} #q6 .cf-medium {width: 250px;} #q6 .cf-field {width: 250px;} # ......

%; vertical-align: top; display: inline-block ; } .twentyfive { width: 25%; vertical-align: top; display: inline-block ; } .sixty { width: 60%; vertical-align: top; display ... %; vertical-align: top; display: inline-block ; } .thirtythree { width: 33.33%; vertical-align: top; display: inline-block ; } .fourty { width: 40%; vertical-align: top ......

side by side using the inline-block .  I am using the following CSS code ...   .one input {width: 50px;} .two input {width: 50px;} .one input, .two ......

have a multiline comments field inline with the multiline comment label ontop of it. First problem I am having is getting rid of the space ......