如何將文本向上和向右移動？

-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

如何將文本向上和向右移動？

回答

相關問題