HTML5中表格中的元素横向排列问题

小子在写HTML5代码中，遇到了一个问题。我想将图片1制作成图图片2所示的样子。但是，一弄了好久，都没有弄好。真的是不知道自己的代码哪里出现了问题。希望给位CSDN上的前辈和小伙伴能够给我指点迷津，谢谢。

先介绍下自己写的这个网页的内容。图片中最大的表格的长度为990像素（具体的单位我忘记是什么了！），之后就是在这个990大小的表格里嵌套左右两个大小分别为220像素、760像素的表格。这个网页是我自己看视频上老师讲授跟着做的一个仿照"hao123"页面的一个网页。图片1是我自己的做的一个网页，图片2是视频上老师做的一个网页。我自己想跟视频上老师做的网页相同。但是，一直出现了些我自己无法解决的问题。

图片1中，在“使用查询”这个部分和“生活服务”这个部分同属于一个像素为220大小的表格A（表格A是我自己为了方便描述自己起的一个称谓，与下表格B命名意义相同）内。表格A的右边是另一个像素为760大小的表格B。如何将这个表格A、表格B做的如同图片2中所显示的一样？

下列这些代码是 我自己写的代码，请指出其中的错误和给出正确的代码，谢谢。

        






             

               


                   

                   


                     
使用查询


                     
传智播客


                     
使用查询 手机在线充值


                     
使用查询 手机在线充值


                     
使用查询 手机在线充值


                     
使用查询 手机在线充值


                   


                   














                   
生活服务
                        

                          
购物 彩票 查询 天气 饮食
                        
                        

                          
购物 彩票 查询 天气 饮食
                        
                        

                          
购物 彩票 查询 天气 饮食
                        
                        

                          
购物 彩票 查询 天气 饮食
                        
                   


               
               
 
               
             
        

求指教，谢谢各位前辈和小伙伴们。

在最后分享一首我喜欢的诗








美不美，家乡水；亲不亲，故乡人。