# Input text vertical-align-middle

**URL:** <https://www.phphelp.com/t/input-text-vertical-align-middle/31995>\
**Category:** HTML & CSS\
**Created:** [June 3, 2020, 9:17am UTC](https://www.phphelp.com/t/input-text-vertical-align-middle/31995 "2020-06-03T09:17:15Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Adem](https://www.phphelp.com/letter_avatar_proxy/v4/letter/a/a4c791/32.png) [@Adem](https://www.phphelp.com/u/Adem)\
**Post date:** [June 3, 2020, 9:17am UTC](https://www.phphelp.com/t/input-text-vertical-align-middle/31995/1 "2020-06-03T09:17:15Z")

</div>

Hello,

 ![vertical-align-middle](https://www.phphelp.com/uploads/default/original/2X/1/179857da49bf05ada1f9022391d3b8edb6087719.png)

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;">
                <?php 
					if(!empty($total_pages)){
						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>
															
								<?php 
								}
								else{
									?>
                            <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>
								<?php
								}
						}
					}
								?>
</ul></div></td>

```

Can you help me?

---

<div class="post-metadata">

**Author:** ![sberry](https://www.phphelp.com/letter_avatar_proxy/v4/letter/s/5f8ce5/32.png) [@sberry](https://www.phphelp.com/u/sberry)\
**Post date:** [June 4, 2020, 9:27am UTC](https://www.phphelp.com/t/input-text-vertical-align-middle/31995/2 "2020-06-04T09:27:29Z")

</div>

Hi - try this:

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

---

<div class="post-metadata">

**Author:** ![Adem](https://www.phphelp.com/letter_avatar_proxy/v4/letter/a/a4c791/32.png) [@Adem](https://www.phphelp.com/u/Adem)\
**Post date:** [June 4, 2020, 8:18pm UTC](https://www.phphelp.com/t/input-text-vertical-align-middle/31995/3 "2020-06-04T20:18:04Z")

</div>

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

 ![arama](https://www.phphelp.com/uploads/default/original/2X/2/2b2dc73bd32b02487ae968bf497fca3dad111eae.png)

I got the following result with trial and error

 ![arama2](https://www.phphelp.com/uploads/default/original/2X/6/6059ecae011954e371f22f88bb07b3b0c4b245b6.png)  
`margin-top:1%;`  
I don’t know how accurate

---

<div class="post-metadata">

**Author:** ![sberry](https://www.phphelp.com/letter_avatar_proxy/v4/letter/s/5f8ce5/32.png) [@sberry](https://www.phphelp.com/u/sberry)\
**Post date:** [June 5, 2020, 4:12pm UTC](https://www.phphelp.com/t/input-text-vertical-align-middle/31995/4 "2020-06-05T16:12:26Z")

</div>

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">
					
</div>
```