爲什麼我的瀏覽器向後迴響了這段文字？

Question

我有這個用PHP寫的：

<?php global $current_user; 
     get_currentuserinfo(); 
?> 
<div style="float: right; text-align: right;"> 
<h4> 
    <?php 
     if (is_user_logged_in()) { 
    echo 'Welcome: ' . $current_user->user_login; 
    ?> 
</h4> 
<p> 
    <?php 
     echo '<a>My Classes</a> &nbsp;&brvbar;&nbsp; <a>Logout</a>'; 
    } else { 
    ?> 
</p> 
<h4>  
    <?php 
     echo 'Welcome, guest!'; 
    ?> 
</h4> 
<p> 
    <?php 
     echo '<a>Login</a> | <a>Register</a>'; 
    } 
    ?> 
</p> 
</div> 

而且我的瀏覽器正顯示出這一點：

Welcome: Admin 
| LogoutMy Classes 

這是爲什麼？

Answer 1

從外觀上看，你的<a>標籤漂浮在右側。既然如此，正確的浮動元素將始終從右向左堆疊。

這是什麼意思是，第一個漂浮在右邊的元素將坐在最右邊，第二個元素漂浮在右邊，但是坐在第一個元素的左側側。爲了解決這個問題，你必須（a）調整你的CSS，使<a>標籤不會浮在右邊，或者（b）重新排序你的echo語句在輸出前輸出「Logout」「My Classes 」。