如何將文字帶到左側？

-1

我想將此文字朝左。

HTML：

<div class="icon-thread"> 
    <ul> 
    <li> 
     <input type="radio" name="optionsRadios" class="optionsRadios2" value="option1" checked="checked" title="Nenhum"> 
     <label class="radio" for="optionsRadios2"><i class="icon-ban-circle icon-stack-base text-error"></i></label> 
    </li> 
    <li> 
     <input type="radio" name="optionsRadios" class="optionsRadios2" value="option2"> 
     <label class="radio" for="optionsRadios2"><i class="icon-fixed-width icon-moon"></i></label> 
    </li> 
    <li> 
     <input type="radio" name="optionsRadios" class="optionsRadios2" value="option3"> 
     <label class="radio" for="optionsRadios2"><i class="icon-fixed-width icon-plane"></i></label> 
    </li> 
    </ul> 
</div>

CSS：

@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css); 

body{ 
    background:#314559 
} 

.icon-thread input[type='radio'] { 
    opacity: 0; 
    position:absolute; 
    width:100%; 
    height:100% 
} 

.icon-thread input[type='radio'] + label { 
    margin:.6em; 
    color: #B1B1B1; 
    text-shadow: 1px 1px #fff 
} 

.icon-thread input[type='radio']:checked + label{ 
    color:#5F6F81 
} 

.icon-thread li{ 
    display: inline-block; 
    margin:2% 0 1% 
} 

.icon-thread ul{ 
    border-bottom: 1px dashed #D1D8DD; 
    background:#FAFAFA; 
    text-align:right 
}

來源

2014-06-06 Prashant Agrawal

刪除文本對齊：權利;從類.icon-thread ul這是輸入字段對齊到正確的原因。 – Abhroo

您應該在您的問題中包含相關代碼，並在代碼中清除您所指的內容。 – Ruddy

代碼：您可以添加其他Tags逗號分隔

如果你只想類.icon-thread內：

p,h1,h2,h3.icon-thread{ 
    text-align:left; 
}

如果你想要的所有文字出現左：

p,h1,h2,h3{ 
    text-align:left; 
}

等瞧

來源

2014-06-06 08:55:16

我只想向左移動。不是圖標。 –

只需添加'.f {text-align：left; margin：-50px 0px 0px 40px;}' –

.icon-thread ul 
{ 
    border-bottom: 1px dashed #D1D8DD; 
    background:#FAFAFA; 
    text-align:left; 
}

針對UL標籤只是使文本對齊從右到左

來源

2014-06-06 08:49:46

但我只想讓文字向左移動。不是圖標。 –

如何將文字帶到左側？

回答

相關問題