演示:http://jsfiddle.net/DerekL/gNkKx/

我正在嘗試將div中的文本向上推50%,我嘗試了

padding-bottom: 50px; /*div is 100px high*/

但是它不起作用。

padding-top: -50px;

這也不行。有變通辦法嗎？

# # #行高:0px推高了一些，但我不知道是多少，顯然不是你想要的50px。

您可以將元素包裝在另一個容器中，并按如下方式放置:

超文本標記語言

<div class="container">
  <div class="block">龍</div>
</div>

CSS(僅顯示對您的樣式的修改)

.container{
    position: relative;
}
.block {
  position: absolute;
  top: -50px;
}

演示

# # #如果您試圖將文本框內的文本居中，請嘗試以下方法:

div.block {
    border: 1px solid black;
    width: 100px;
    height: 100px;
    text-align: center;
   font-size: 80px;
    line-height: 80px;
    overflow: hidden;
    padding-top: 10px;
}
*{
    box-sizing: border-box;
}?

# # #一個稍微干凈一點的解決方案:(基于Sachleen的)

HTML:

<div class="move-me-up">
    <p>Some text</p>
</div>

CSS:

.move-me-up {
    position: relative; 
    top: -50px;
}

這將把文本在屏幕上向上移動50個像素，而只需要一個div！

# # #嘗試使用inline-block提升文本。使用邊框來查看您的位置。通過這樣做，你可以看到margin-top可以向上調整的地方以及它有多大。

<div style='display:inline-block;margin-top:-30px; border: 1px solid pink;'>
    <font style='color:green;'>today </font>
</div>