Alignment of text fields in the "Customizable products"

[spikezg]

Hello, how to change the html or css code to align text boxes.

Now it looks like this:

and I want to align this text boxes to look like this:

 

product.tpl:

<!-- Customizable products -->

...

<ul id="text_fields">
{counter start=0 assign='customizationField'}
{foreach from=$customizationFields item='field' name='customizationFields'}
{if $field.type == 1}
<li class="customizationUploadLine{if $field.required} required{/if}">{assign var='key' value='textFields_'|cat:$product->id|cat:'_'|cat:$field.id_customization_field}
{if !empty($field.name)}{$field.name}{/if}{if $field.required}<sup>*</sup>{/if}<textarea type="text" name="textField{$field.id_customization_field}" id="textField{$customizationField}" rows="1" cols="40" class="customization_block_input" />{if isset($textFields.$key)}{$textFields.$key|stripslashes}{/if}</textarea>
</li>
...

 

 

css file



/* Customizable product */
#customization_block { padding:40px 0; }
.customization_block_title { margin: 4px 4px 4px 2px }
#customization_block ul { margin: 6px 6px 0 6px }
.customization_block_input { vertical-align: inherit }
img.customization_delete_icon { margin: 2px }
li.customizationUploadLine {
margin-left: 20px;
text-align: left;
clear: left;
padding: 1px;
display: block
}
div.customizationUploadBrowse { float: left }
div.customizationUploadBrowseDescription { padding: 6px; font-size:11px; }
img.customizationUploaded {
margin: 2px;
border: 1px solid #888888
}
ul.customizationUploaded {
list-style-type: none;
margin-left: 4px
}
ul.customizationUploaded li { display: inline }
ul.customizationUploaded a { text-decoration: none }
div.customizationUploaded { clear: left }
div.deletePictureUploaded { float: right }
div.deleteCustomizableProduct { float: right }
ul.typedText {
padding-left: 6px;
list-style-type: none
}

 

Thank you so much for all of your help‎

[phrasespot]

Give me an address for this installation and I will try to produce a look similar to the second image you posted. The code you posted is not enough.