div内のテキストの正確な垂直方向の整列

Question

div内に1行のテキスト要素を配置することができます。そのベースラインはdivの下限と正確に一致します。ちょうどsvg rectのように。私はそれを手動で行うことができますが、どんなフォントサイズでも普遍的な方法があればうまくいくでしょう。 「em」単位で測定されたいくつかのシフトは多分でしょうか？

ここでは、2つのdiv（ '名前'と '開始'）のテキストを整列させるために、フォントサイズが異なり、水平方向の整列が違うので、垂直方向に正確に整列させたいマージン：

.project-div .footer { 
    position: absolute; 
    bottom: 0px; 

    height: 28px; 
    width: 100%; 

    display: inline-block; 
    line-height: 28px; 
} 

.project-div .footer .name { 
    position: absolute; 
    left: -1px; 
    bottom: -20%; 

    line-height: 28px; 
    font-size: 28px; 
    height: 28px; 
} 

.project-div .footer .start { 
    position: absolute; 
    right: -3px; 
    bottom: -10%; 

    line-height: 18px; 
    font-size: 18px; 
    height: 18px; 

    font-family: "Arial Black"; 
    color: #ccc; 
} 

Answer 1

私は、言うあなたの親に財産position: relativeを割り当て、その後、あなたは完全に親のdivの下でそれを持っているしたい場合は、あなたの子供にプロパティposition: absoluteとbottom: 0を割り当てます。

次回は質問をもう少し詳しく説明します。