Does vertical-align:center-right; works?

Question

I'm trying to get a image vertical aligned in the right.

.header {   
    background-color:white;
    width:auto;
    height:120px;
}

.title {
    vertical-align:center-right;    
}

<div class="header">
          <div class="title">

                    <a href="home.html"><img src="logo.png"/></a>

          </div><!--TITEL DIV-->
     </div><!--HEADER DIV-->

But the content in the 'title' div won't vertical align in the right center.

text-align is not vertical align... its for text aligning horizontally and can only have one of the 3 values: left, right and center. — Hussain Almomen, Mar 02 '17 at 13:33
Plz share your HTML and CSS code and be specific what you want to achieve?? — Khan Afzal, Mar 02 '17 at 13:33
`Text-align` is only horizontal. You need to use `vertical-align`. — Luud van Keulen, Mar 02 '17 at 13:33
@Bayern What is not working? If you want to use vertical-align you need to make sure that the div is the full height. — Luud van Keulen, Mar 02 '17 at 13:39
@Bayern, to see how to vertically align, see duplicate and then just add text-align right to the result — Pete, Mar 02 '17 at 13:48
@Pete not working, tried that before i posted this question... — Bayern, Mar 02 '17 at 13:49
Did you have a look at all the answers - the first one is a bit outdated - take a look at the flexbox approach — Pete, Mar 02 '17 at 13:52
You are not trying very hard then as there are detailed instructions in those answers with very good examples — Pete, Mar 02 '17 at 14:00

score 0 · Answer 1 · edited Mar 02 '17 at 14:11

0

.title{
    vertical-align: middle;
    text-align: right;
}

edited Mar 02 '17 at 14:11

Draken

3,134
13
34
54

answered Mar 02 '17 at 13:36

praveena

222
3
6

Right works, but stays at top – Bayern Mar 02 '17 at 13:37
use `line-height` i think it work – praveena Mar 02 '17 at 13:40
Still on top :D – Bayern Mar 02 '17 at 13:42

Does vertical-align:center-right; works?

1 Answers1