Input text vertical-align-middle


I’m using two items in a td
One is left, the other is right
But the input text on the right is not in the middle of the vertical

	<td class="tfoot" style="padding: 0px 10px 0px 0px; width:40%" ><div style="float:right; vertical-align:middle;"><input type="text" id="search" placeholder="Fiyat Teklifi Ara"></div>
  <div class="smallfont" id="sayfala"><ul  class="pagination" style="margin: 5px 0;padding: 0px 0px 0px 10px;">
						for($i=1; $i<=$total_pages; $i++){
								if($i == 1){
                            <li class="pageitem active" id="<?php echo $i;; ?>"><a href="JavaScript:Void(0);" data-id="<?php echo $i;?>" class="page-link" ><?php echo $i;?></a></li>
                            <li class="pageitem" id="<?php echo $i;; ?>"><a href="JavaScript:Void(0);" class="page-link" data-id="<?php echo $i;; ?>"><?php echo $i;?></a></li>

Can you help me?

Hi - try this:

<div style="float:right; vertical-align:middle;">
	<input style="text-align: center" "text" id="search" placeholder="Fiyat Teklifi Ara">

Thank you for the answer
However, only the text in it is centered

I got the following result with trial and error
I don’t know how accurate

Hi. If you wanted to, you could use padding as well (or instead of) margin - for example:

<div style="float:right; vertical-align:middle; margin-top: 1%; padding-top: 2%;">
	<input style="text-align: center" type="text" id="search" placeholder="Fiyat Teklifi Ara">
1 Like
Sponsor our Newsletter | Privacy Policy | Terms of Service