如何使用<div>标签并排放置两个盒子？

我正在学习HTML和CSS.现在我试图创建一个简单的布局,HEADER低于A MENU BAR,右下方的导航栏和右侧的MAIN SECTION不能将导航栏和主要部分并排放置.

主要部分位于导航栏下方,而不是侧面

The code:









    

    WELCOME
    
    

        

            HOME
        
        

            liwjoejlsn
        
        

            lskdjflsd
        
        

            ABOUT
        
    


    

        

            

                
Hello
                
hey
                
who is
                
forgive
            
        
        

            

                lsjdgfio jsldfkslj;do fsmi;odfml dsijfo siuldhf iofj s dofus 
 klsjhdfioy oasdilufilh aoudsfk 
 ksajhkdfjhu aosls
            
        
    

Josan Irache.. 7

如果你想div并排使用两个元素,你应该使用float:left;.就您的代码而言,您正在使用旧代码,例如center,您应该开始命名您的div元素.如果你将css代码放在一个单独的文件中并从你的html调用它也会更好.

只有一个帖子可以覆盖太多内容,但我确实写了一些小型演示,以便您可以看到它是如何float:left;工作的.我也修复了你的代码所以现在你有了divs并排.

FLOAT LEFT DEMO

你的代码