CSS：与文本对齐

说到CSS，我是一个完全的新手，我使用的是从另一个程序复制的代码，所以如果这是一个简单或奇怪的问题，请原谅

在我的表格中，我有以下代码：

<td colspan="4" align="center">Rate this picture: 

<div id="$ratingsDiv" class="rating" align="center">&nbsp;</div></td>

两个问题：
1-如何使其与我的

中心对齐？
2-我如何将其与我的“给这张图片打分：”文本对齐

编辑：

试试这个

<div class="wrapper">
    <div class="container">
        <div class="rate-text">Rate this Application</div>
        <div id="rate1" class="rating">&nbsp;</div>
    </div>
</div>

如果发现对齐问题，请尝试更改

.container

的宽度。

---

让我知道它是否解决了您的问题

Fiddle buddy这有助于我们了解您的代码发生了什么。给您的小提示。不要使用表格进行布局。本杰明，你想让我发布整个CSS文件还是？Alex，没有CSS的桌子有一个很好的图坦卡门吗？我在谷歌上搜索了一下，发现了一个不错的图坦卡蒙，但它没有解释，例如，如何做colspans…文本已经在div的中心对齐。为了更有用，JSFIDLE或更多标记代码将非常有用。也许只有我一个人，但我没有得到你想要对齐的内容。在你原来的帖子中不清楚，因为你一直在说“It”，而不是指定要对齐的内容。这使它变得更好，但星星仍然出现在下一行，而不是与文本在同一行。。。

<div class="wrapper">
    <div class="container">
        <div class="rate-text">Rate this Application</div>
        <div id="rate1" class="rating">&nbsp;</div>
    </div>
</div>

body html{
    margin:0 auto;
}
body{
    background: red;
}
.wrapper{
    background: #FFF;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    color: #000;
    text-align: center;
}
.container {
    display: block;
    background:blue;
    width:30%;
    margin:0 auto;
 }
.rate-text{
    margin:0 auto; 
    color:#000;
    font-size:14px;
    font-weight:bold;
    vertical-align:top; 
    text-align:center;
    display:inline;
}