reactjs 如何将两个不同字体大小的文本放在同一行的底部

vhmi4jdf  于 2023-03-08  发布在  React
关注(0)|答案(1)|浏览(141)

我试图设置2个不同的字体大小和对角。由于大小不同,他们出现在同一行上下。我需要在同一行对齐他们的底部。

<h4 className="vertical-timeline-element-subtitle"> 
  {event_tag} 
  <span className="creatorstyle"> 
    {"(" + created_by + ")"}
  </span>
  <span className='datestyle'>
    {format(new Date(created_at), 'LLLL do yyyy h:mm a')}
  </span>
</h4>

上面的代码显示的内容如下:

我正试图使“客户来电(Gowri)2023年3月7日下午4:45”在同一行。

wtzytmuj

wtzytmuj1#

使用flexbox

.vertical-timeline-element-subtitle {
  display: flex;
  align-items: center;
}

相关问题