如何将文本向上移动到右边？

Question

应该如何：http://prntscr.com/59nrxz

它是怎样的：http://prntscr.com/59nsfg

我的HTML：

<div class="col-md-6 logo" id="header-logo">
    <a href="{{ path('static_page', {template:'home'}) }}" title="Return Home">
        <img alt="logo" src="static/img/Risne-Logo.png"></img>
        <span class="logo_left">RISNE</span>
        <span class="logo_right">STARS</span>
    </a>
</div>

我的CSS：

.logo_left, .logo_right {
    font-family: "Droid Sans";
    font-size: 34px;
    top: -20px;
}
.logo_right {
    color: #FECD0F;
}
.logo_left {
   color: #234371;
}

我不关心字体或任何东西，我只需要让文本移动到正确的位置。

Answer 1

根据您的需要，简单的position: relative可以解决问题。

.logo{
    position: relative;
    top: -20px; /* This will move it 20px up */
    left: 20px; /* This will move it 20px to the right */
}

假设您将span＆＃39;放在div（或标题）的logo类中。

Answer 2

试试这个可能会解决问题：

.logo_left, .logo_right{
   vertical-align : top;
   margin-left : 10px; 
}