Cách căn chỉnh hai từ với các kích thước phông chữ khác nhau cùng một dòng?

Question

tôi cần phải hiển thị hai dòng văn bản với kích thước phông chữ khác nhau, cái khác, vì vậy mà dòng hàng đầu của họ là ở vị trí thẳng đứng cùng, ví dụ:

Tôi cố gắng để sử dụng vertical-align: top, nhưng không có may mắn. Thay vì kết quả mong đợi Tôi có điều này:

Có một số cách tiêu chuẩn để đạt được kết quả mong muốn?

Đây là HTML của tôi:

<div id="container"> 
    <span>TEXT</span> TEXT 
</div> 

và CSS:

#container { 
    font-size: 30px; 
} 

#container span { 
    font-size: 16px; 
    vertical-align: top; 
} 

Answer 1

Một cách sẽ là:

#container span { 
    position: relative; 
    top: 2px; 
    } 

Điều chỉnh 2px cho phù hợp.