html - I want that two span tags to have the same vertical position -

Entire code:

I am creating a theme for my blog.
Part of the title is a problem.

  & lt; Div class = "post_title" & gt; & Lt; Br / & gt; & Lt; H2 & gt; & Lt; A href = "[## _ article_ rep_link_ ##]" & gt; [## _ article_rep_title _ ##] & lt; / A & gt; & Lt; / H2 & gt; & Lt; Span class = "post_cate" & gt; 나만 보기 & lt; / Span & gt; & Lt; Span class = "post_date" & gt; [## _ article_rep_date _ ##] & lt; / Span & gt; & Lt; / Div & gt;  

The h2 tag will show the title of the article.
The first span tag will show the category of the article.
The second span will display the tag while uploading the article.

They are in a line.
The H2 and the span start from the left side, the second span starts from the right due to the float. / P>

When I run the code, two spans have a different vertical position.

The second span is kept more than the first span.
I want two span tags to have the same vertical position.
But do not go to the first span tag. I want to adjust to the first for the first time.

How can I do the second period?

You can try the following:

Remove Float: Right to .post_date , and then add the following CSS rule:

  .post_title { Status: Relative; } .post_date {status: absolute; Bottom: 6px; / * .post_cate * / right: Adjust it to match the height of 0px; }