Vertically align text inside anchor

Question

I have this piece of HTML: ``` My text ``` I need to vertically align "My text" without affecting the image in the anchor. I can't add any HTML tag, I need to do this only with CSS. Any suggestion?

Accepted Answer

You could do this using `.my-a-class { line-height: value }`. Replace `value` with the height of your image.

Edit ---

These days it is much better to use flexbox for this:

```
.my-a-class {
   display: flex;
   align-items: center;
   justify-content: space-between;
}
```

Vertically align text inside anchor

Solution

Problem