The following is the html code:
< meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
Untitled Document < ;dl class="toping">
;/a>
>Gods and Demons
/dd & gt;
& lt; dd & gt; | & lt;/dd & gt;
& lt; dd & gt;
& lt; a href = "" & lt;/a & gt;
& lt; a href = "" "" "" "" "" >2011
; >Others
3 years old
🎜> & gt; View all & lt;/a & gt;
& lt;/dd & gt;
& lt;/dl & gt;
& lt;/body & gt;
& lt;/html & gt;
The following is the css code:
.toping{
width:800px;
height:28px;
margin:0 auto 10px;
line-height:28px;
border:1px solid rgb(247,218,248);
}
dt{
float:left;
padding-left:10px;
}
dd{
float: left;
display:inline;
margin:0px 5px;
color:rgb(155,155,155);
}
Why the result becomes like this, as follows, I am using ie8, FireFox, Sogou, obviously using float:left, it seems to have no effect
Reply to discussion (solution)
<style rel="stylesheet" type="text/css" href="Untitled-4.css"></style>
Copy after login
Change to
<link href="Untitled-4.css" rel="stylesheet" type="text/css">
Copy after login
This is relatively simple and basic.
You can check whether the structure is reasonable and whether the style is reasonable.