I have 1 div with two separate sections of text. However, one of these sections of text is smaller than the other, leaving it slightly lower than the other section. 

I would like it to be centered both vertically and horizontally within the div - inline with the larger text... margin-bottom is not working, however margin-left and margin-right are... how do I do this? Thankyou.

```css
.portfolioHeader {
  position: relative;
  font-family: coolfont;
  top: 20px;
  font-size: 55px;
  color: black;
  margin-left: 70px;
  text-align: left;
}
a.miniheader {
  text-decoration: none;
  margin-left: 20px;
}
span.smallerish {
  font-size: 35px;
  color: #3F3F3F;
  text-decoration: none;
}
```

```html
<div class="portfolioHeader"><a class="header" href="http://www.coopertimewell.com/portfolio">Portfolio ><a class = "miniheader" href="http://www.coopertimewell.com/portfolio/website-design"><span class = "smallerish">di Matteos</span></a></a>
</div>
```