Urgent! Why can't I achieve the effect_html/css_WEB-ITnose

这是css中的代码：
#right{
          width:250px;
          height:300px;
          padding-top:32px;
          background:url(../images/bg.gif) no-repeat;     
         }
    #right dl dt{
                       width:80px;
                        margin:0px;
                        float:left;
                        padding:2px 0px;
                        text-align:center;
                      }
   #right dl dt img{
                            height:47px;
                            width:60px;
                            border:1px solid #9ea0a2;
                            veritical-align:middle;
                            }
  #right dl dt dd a{
                           font:12px/47px 宋体；
                           color:#333;
                           text-decoration: none;   
                           }
 #right dl dt dd a:hover{
                                    color:#ff7300;
                                     }
这是html代码：

 
  
  
 
 
  
    

        

        

大牌狂降价，三折直送

   

   

Online store

"/>
                                                         ;
                                                                    href="#">Slimming craze, the choice for self-cultivation

Can’t add the picture you want? ? ?

Reply to discussion (solution)
This is the code in css:

#right{

width:250px;

height:300px;
padding-top:32px;
background:url(../images/bg.gif) no-repeat; > … … Can't achieve the effect I want? ? ? Its floating is all messed up. The picture should be floating on the left, and then the words should be floating on the right side of the picture!

Add

#right dl {
clear:both;
}

The answer on the second floor is very correct! ! ! 1

Add

to css #right dl {

clear:both;
}

1

First clear the previous float. Maybe.
Follow more DIV tutorials http://blog.sina.com.cn/u/2760399482

A classmate from Lanqiao? ?