1
我无法获得一个较小的(上标)行内元素与另一个行内元素对齐。CSS无法垂直排列元素
基本上em元素(包含单词'USD')应该与内嵌文本(包含单词ABC)对齐,因此这两个单词的顶部位于同一行上。
对于我来说,下面我的代码中,USD字样是一半,即使我将行高设置为35px;
任何想法我做错了什么?
谢谢,
克里斯
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
.plan-types-pricing
{
font-size: 35px;
line-height: 35px;
}
.plan-types-pricing strong
{
display: block;
}
.plan-types-pricing em
{
font-size:12px;
vertical-align: top;
line-height: 35px;
}
.plan-types-pricing small
{
font-size: 12px;
vertical-align: baseline;
}
</style>
</head>
<body>
<span class="plan-types-pricing">
<strong>Starting at</strong>
<em>USD</em>
ABC
<small>/month</small>
</span>
</body>
</html>
你能不能请这个 – RSM
尝试line-height:50px;在em里面... –