css - 將文字向右移動

這讓我很煩惱。
如果您創建<div>並設置邊框樣式（例如，border-radius: 3px;），則文本幾乎位於邊框的頂部，看起來非常糟糕。
我可以想出的唯一解決方案是將該div的內容封裝在另一個div中，並將包裝div±3px移動到右側。這創造了很多額外的標記，它不知何故感覺不對，好像有一個更好的解決方案。css - 將文字向右移動

所以這裏是我的問題：
是否有可能如上所述用css-only移動div三個像素的內容到右邊？

當然，我想要一個跨瀏覽器的解決方案，但我不介意每個瀏覽器的CSS規則，我可以扔在我的樣式表底部的某個地方，永遠不會再看它，標記複雜化。

來源

2012-09-03 11684

u能提供您的代碼或小提琴？ – Sowmya

@Sowmya沒有代碼，那麼我應該放入一個jsFiddle？那麼，我可以給你這個：

hgfndhscvdhjskcgnsaxjkncjknaxka.mnckhsgnjkamjxkacnn
fhfeufcijsfhkscklssdklchkxjkdjlnfldjkszjaacgkdhklchgjrklcmx

– 11684

padding-left:3px;

將其添加到您的div中，其中包含文本。

瞭解更多關於填充：http://www.w3schools.com/css/css_padding.asp

來源

2012-09-03 08:41:06

容易，你既可以使用padding: 0 3px;（僅限水平填充），padding-left: 3px; ..

http://jsfiddle.net/Kyle_Sevenoaks/D3BSL/4/

來源

2012-09-03 08:41:53 Kyle

文本縮進不起作用，它只縮進第一行... – 11684

是的，它的確如此。我怎麼能完全忘記這一點？缺乏咖啡，就是這樣！ – Kyle

希望這個工作適用於 – Sowmya

我希望你是這樣看： - http://tinkerbin.com/q4cVJ0FF

HTML

<div>stack</div>

CSS

div { 
background:red; 
border-radius:3px; 
    padding-left:3px; 
}

，你可以很容易地得到您的通過padding想要的，你可以調整從四面八方left,right,top,bottom填充...

來源

2012-09-03 08:54:32

css - 將文字向右移動

回答

相關問題