How i center the border html

[cristian.stilpeanu.3]

Hi, i have problem whit a border, i want to set to center but make's higher column when it's to the center, please help me.

there it's the original code:

<label for="">Nume de utilizator: *</label> 
<input class="bar curved5" name="user" type="text" 
id="user" 
maxlength="16" 
value="" 
onFocus="change(1)" 
class="validate[required,custom[noSpecialCharacters],length[5,16]]"
/> 

there it's the modify code:

 <label for="">Nume de utilizator: *</label> 


<div align="center">


<input class="bar curved5" name="user" type="text" 
id="user" 
maxlength="16" 
value="" 
onFocus="change(1)" 
class="validate[required,custom[noSpecialCharacters],length[5,16]]"
/>  


</div>

there it's how i want:

[stultuske]

have you tried:

<center>

<input class="bar curved5" name="user" type="text" 
id="user" 
maxlength="16" 
value="" 
onFocus="change(1)" 
class="validate[required,custom[noSpecialCharacters],length[5,16]]"
/>  

</center>

?

[cristian.stilpeanu.3]

yes

[AleMonteiro]

I'd make the <label> have the same height and line-height of the input, and use margin to create the space between them.

[cristian.stilpeanu.3]

ok, and how i solve?

[cmps]

Dear cristian.stilpeanu.3, may you try this:

<div align="center" style="height:3em">
    <label for="">Nume de utilizator: *</label>
    <input class="bar curved5" name="user" type="text" id="user" maxlength="16" value="" onFocus="change(1)" class="validate[required,custom[noSpecialCharacters],length[5,16]]" />
</div>

[cristian.stilpeanu.3]

This post has no text-based content.

[cmps]

The prob is that the text should be on the left and the input in the middle ?
if yes, here's the code:
try it:

<div style="height:4em; width:100%;">
    <div style="height:100%; width:40%; float:left; line-height:3em;">
        <label for="">Nume de utilizator: *</label>
    </div>    
    <div style="width:100%;" align="left" style="float:right;">   
        <input onfocus="change(1)" value="" maxlength="16" id="user" name="user" style="height:3em" class="bar curved5" type="text">
    </div>
</div>

[cristian.stilpeanu.3]

thank you very much amirbwb it works!

i edit height:4em whit height:3em and it's perfect.

[cmps]

You are welcome :)