用一个div抱住这个标签，然后一个是左浮动 一个右浮动 微信weiyena98为您解
站在用户的角度思考问题，与客户深入沟通，找到芮城网站设计与芮城网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：做网站、网站制作、企业官网、英文网站、手机端网站、网站推广、域名注册、虚拟空间、企业邮箱。业务覆盖芮城地区。
创建一个右边小div 代码如下：right {float：left；border：1px width：40%； } 制作成css文件，或者直接添加到网页上，就可以实现并排显示。
/html如果网页编写工具暂时不支持HTML5也没关系，自己写这几行代码也很简单。
下面让我们来看看如何不使用class和id而完成对文档中的那些section元素的定位吧：定位最外层的section元素考虑到我们的例子并不是一套完整的HTML5代码，所以我们假定在body元素下有个nav元素与section元素是兄弟元素。
北京航空航天大学王牌专业有航空宇航科学与技术、仪器科学与技术、材料科学与工程、软件工程、控制科学与工程、计算机科学与技术、管理科学与工程等。
北京航空航天大学最好的专业：电子信息工程、通信工程、软件工程、飞行器设计与工程、飞行器动力工程、数学与应用数学、机械工程及自动化、材料科学与工程、电气工程及其自动化、测控技术与仪器、探测制导与控制技术。
航天工程：该专业是北京航天航空学院的核心专业之一，培养具备航天科学技术和工程实践能力的专业人才。飞行器设计与工程：该专业培养具备飞行器设计、制造、试验和运营管理等方面的综合能力的高级工程技术人才。
hr：水平规则，是页面上的一条直线。在许多情况下，CSS边框用于创建分隔线而不是 此HTML元素。img：HTML的主要元素之一，这是图像标记。它用于将图形图像添加到网页。
在HTML基础中，单标签就是由一个标签组成的。例如br、hr、img、input、param、meta、link。而双标签则是由“开始标签”和“结束标签”两部分构成（这两部分是相同的）。
.em/em斜体标签，双标签，行级标签。一般用于强调。它的默认样式就是font-style。11big/bigsmall/small双标签，行级标签.一般用于强调。它的默认样式就是font-size。
表单标签：form/form等 超链接：a/a 区别：Html语法松散，xml语法严格；html做页面展示，xml做数据储存；html所有标签都是预定义的，xml所有标签都是自定义的。
img 标签是单标签，本身相当于一个特殊的文本，作用是在指定的位置插入一张图片。在HTML文件，常用的插入图片的类型有：jpg、png、gif。由于 img 为单标签，所以它只能通过属性进行相关的图像设置。
经纬度有相差那个是正常的，用户用浏览打开时定位的IP不是用户本身电脑的IP，而是公网出口的IP.简单的说，你用电信上网，那用IP定位到的可能是你附近的某个电信大楼。
其实说实话，你来这里求助也不会有人帮你编码的，因为做至少也要一个小时。而且如果是有偿就会有人帮你做。希望我的回答可以帮到你，有什么不懂可以追问。
如果你是需要写代码实现的话，要学习，HTML，css，这些基础，了解网页的布局和前端的样式；但如果你只是想实现这个网页的效果，使用epub360或coolsite360都可以 可视化的制作出来，完全不需要代码，像ppt一样制作H5网页。
sublimetext是所有编辑器里边支持emmet比较好的的唯一一款。webstorm是所有编辑器里边唯一内置emmet的一款，并且将emmet的精神往前推动的一款。
请注意您的CSS代码中，将article标签进行了定义。
1、/html：html5这个前缀并不是一个标准的写法，你也可以用其它字符代替：hl5也是可以的。有了前缀之后，IE会识别新的元素，从而可以应用样式。在其他浏览器中一样有效，那么最后，你就成功地在各个浏览器中构建了一样的元素和一样的样式。
2、一个问题，老师抛给我们的，就是：如何让IE8-兼容这些标签？（需要设计JS中的DOM） 虽然今天刚讲的内容，但是，还是需要去了解下。
3、对于结构类的标签，通过JS来实现兼容 header footer等结构类标签，在不支持的浏览器当中，都属于“用户自定义标签”，虽然会显示，但是会以行内元素的样式展示。此时需要利用JS创建这个元素，之后用CSS为其设置块元素的样式。
4、可以通过个人pc固定的浏览器，这些浏览器都有自身的内核，可以强制性的使用。就不存在兼容性问题。这种办法一般可以用在办公室的场景。
5、处理兼容问题有两种方式：IE8/IE7/IE6支持通过document.方法产生的标签，利用这一特性让这些浏览器支持HTML5新标签。