如何将文本向上和向右移动？

-1

如何应该是：http://prntscr.com/59nrxz 如何将文本向上和向右移动？

我的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; 
}

我不在乎字体或任何，我只需要让文字移动到正确的位置即可。

来源

2014-11-24 Mike Lammers

它会帮助，如果你还包括你已经应用到该HTML，以便我们能够避免引起与冲突的规则问题的CSS。 – 2014-11-24 15:45:03

一个垂直居中，另一个刚好与顶部对齐。也许调整跨度，所以它不内联，然后它可能工作。可能需要像垂直对齐：顶部稍微调整它;或者其他东西 – Fallenreaper 2014-11-24 15:45:14

同时发布CSS和完整图像链接等。现在我们无法使用它。 – Refilon 2014-11-24 15:45:15

根据你想要的，简单的position: relative可以做到这一点。

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

That'a假设你把你的两个span“s的div（或标题），有一类logo。

来源

2014-11-24 15:47:07 Drown

更改元素的位置类型很可能会导致现有CSS出现问题。我建议不要设置位置值，而是使用margin-top和margin-left来代替，并且还使用预先存在的元素而不是添加包装div。 – 2014-11-24 15:48:37

非常感谢...它的工作原理：p需要等待3分钟才能接受您的答案 – 2014-11-24 15:53:27

试试这个它可能做的伎俩：

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

来源

2014-11-25 10:44:05

如何将文本向上和向右移动？

回答

相关问题