html - 为什么这个链接没有得到文本对齐 :right?

Question

我有this代码:

<div class="footer_bar_row_desc_richedi">
    <a class="myText" href="#">My Text</a>
    <div class="myDiv">
        &nbsp
    </div>   
</div>

.myText
{
    text-transform:uppercase;
    font-weight:bold;    
    color:#b90e1d;
    text-decoration:none;    
    float:left; 
    font-size:12px;
    padding-top: 1px;
    text-align:right;
}

.myDiv
{
    float:right; 
    width:25px; 
    padding-right:5px; 
    text-align:right; 
    margin-bottom:3px; 
    background:red;
}

我想将文本放在红色 div 右侧(左侧)附近的链接上。似乎属性 text-align:right; 不起作用。有什么想法吗？

Answer 1

你需要给你的 .mytext div 一个宽度。它正在折叠到您的文本的确切宽度，这意味着右对齐文本看起来好像什么也没做...

见

http://jsfiddle.net/hS3JA/