Question

我有以下情况：

但我希望每次和beta都显示在与此相同的垂直位置：

我有以下html：

<h1 style="display: block;margin: 0 auto;position: relative;">
    <svg enable-background="new 0 0 298.9 55.8" viewBox="0 0 298.9 55.8" xmlns="http://www.w3.org/2000/svg">
        <style type="text/css">.st0{fill:#231F20;}</style>
        <path class="st0" d="..."></path>
    </svg>
    <p style="position: absolute;left: 85%;font-size: 50%;color: white;line-height: 0px;">beta</p>
</h1>

我该如何解决这个问题？请记住，每次都应该居中，而beta应该在它的右边。

Answer 1

position: fixed

position: fixed;left: 85%

Answer 2

<p style="position:absolute; left:85%; font-size: 50%;color:#333; line-height: 0px; vertical-align: middle; display:inline-block; ">beta</p>

Answer 3

<html>
<head> 
<style>
.vasile
{
display: inline-block;
line-height: 1px;
vertical-align: middle;
}
</style></head>
<body>
<div>
<h1 class="vasile"> asdasda</h1>
<p class="vasile">asdasda</p>
</div>
</body>
</html>

如何在同一垂直位置对齐两个元素

3 个答案: