How can I make the space between my boxes smaller so I can get three in a row

How can I make the space between my boxes smaller so i can get the three boxes in one row

Hello 

Please inject the following custom css code in your form to adjust the margin left/right of your text box to display them in one line:

li#id_36 {

width: 223px;

}

li#id_37 {

width: 241px !important;

margin-left: -42px;

}

li#id_38 {

width: 233px !important;

margin-left: -60px;

}

The following guide should help you inject the custom css code in form:  https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

It should give you the output something like in the following screenshot:

Thank you!