CODEWITHSUNDEEP
htmlcss
KingKongFrog
KingKongFrog

Reputation: 14429

Vertically centered child element within header element on same line

I'm trying to do something simple. I'm trying to have a header tag, that has a child tag with a smaller font size, that is centered vertically, within that header element. I'm not quite sure how to achieve this.

<h2>BIG TITLE: <span>subtitle</span></h2>

Upvotes: 3

Views: 36

Answers (1)

Roko C. Buljan
Roko C. Buljan

Reputation: 206344

Use vertical-align

h2 span{
  vertical-align: middle; /* you can also use px... */
  font-size: 10px;
}
<h2>BIG TITLE: <span>subtitle</span></h2>

or pick any other desired value from https://developer.mozilla.org/en/docs/Web/CSS/vertical-align

Upvotes: 4

Related Questions