我是HTML / CSS新手所以我正在创建一个简单的网站来了解它是如何工作的。

我有一个包含网站名称和链接集合的标题。我想格式化它们以便它们并排。 (类似于StackExchange,如上所示。左侧的网站名称,右侧的链接)。

我已经包含了我目前的标记,但它似乎没有做任何事情。我怀疑我没有错误地使用CSS类和子类,或者我的概念错了。有人可以指出我可能犯的任何错误或指向我的资源以供进一步参考吗?任何帮助,将不胜感激。谢谢!

编辑:我希望网站名称位于口号上方,右侧和左侧链接。

CSS

header

{

clear:both;

}

header .section

{

float:left;

}

header .nav

{

float:right;

}

HTML

My Website

My Slogan

Link A |

Link B

My website contents

回答

有多个正确答案,但遗憾的是我只能将其标记为正确。

正确答案是删除" .section"中的点。和#34; .nav"以及将标题设置为溢出:自动而不是清除:两者。谢谢大家!

html5图片并排显示图片,HTML5 - 并排显示项目相关推荐

  1. php将上传的图片转为base64,html5实现把上传的图片转成base64编码在显示(代码实例)...

    本章给大家介绍html5实现把上传的图片转成base64编码在显示(代码实例).有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助. 首先我们来详细的看一看base64编码: 什么是bas ...

  2. html5 java 图片上传_java实现图片上传至服务器并显示,如何做?希望要具体的代码实现...

    展开全部 有两种方法一是用上传的组建jspSmartUpload的Request, 还有一种不用组建,但在e69da5e6ba9062616964757a686964616f3133323865323 ...

  3. html鼠标移入显示图片动画,HTML5+CSS3鼠标移入移出图片生成随机动画_html/css_WEB-ITnose...

    今天分享使用html+css3+少量jquery实现鼠标移入移出图片生成随机动画,我们先看最终效果图(截图为静态效果,做出来可是动态的哟) 左右旋转 上下移动 缩放 由于时间关系我就不一步步解析各段代 ...

  4. html5中怎么实现居中显示图片

    一.首先,我们来看看css图片水平居中的方法 1.利用margin:0 auto实现图片水平居中 html图片水平居中代码: <div style="text-align:center ...

  5. html长图转换成pdf,支持把各类文档转换成 HTML5(SVG)接口、长图片、PDF 。word转pdf、word转html5、pdf转网页html5、pdf转图片的接口...

    详情请到九云图官网了解一下.https://server.9yuntu.com/yuntu/resource/website/api.html 把 OFFICE / PDF / CAD 等文档转换成 ...

  6. LaTeX技巧008:并排插入图片以及去掉图片编号

      使用LaTex并排插入图片的时候,会给每一个图片编号,有时我们并不需要自动编号,所以这次就是去掉图片的编号. 效果展示   第一张图片就是带编号,而第二张图片就去掉了编号.这里使用的是captio ...

  7. html5富文本编辑器图片,漂亮的富文本编辑器WYSIWYG

    插件描述: 接下来我要为大家介绍一款好看的富文本编辑器 wysiwyg .先来看看官方对这款编辑器的相关功能描述吧. 接下来我要为大家介绍一款好看的富文本编辑器 wysiwyg .先来看看官方对这款编 ...

  8. html上传图片裁剪,基于HTML5+JS实现本地图片裁剪并上传功能

    基于HTML5+JS实现本地图片裁剪并上传功能 2019-01-07 编程之家 https://www.jb51.cc 编程之家收集整理的这篇文章主要介绍了基于HTML5+JS实现本地图片裁剪并上传功 ...

  9. Html5图片翻页制作,HTML5超酷名片盒风格3D翻页图片画廊

    在前面我们讲解了一个使用纯CSS制作3D百叶窗效果,今天我们要来制作一个类似名片盒的3D翻页图片画廊.在这个效果中,我们将使用一个HTML5 range输入框元素来控制图片画廊的前后翻页.这个rang ...

  10. android+显示html内容居中显示图片,Android开发中对HTML内容的显示

    摘 要 随着Android科技的发展,手机客户端接受了更多的HTML内容.本文作者采用WebView直接显示法结合人机 >> Android开发中的主题设置研究 线程在Android开发中 ...

最新文章

  1. JAVA的输入输出基本操作样例
  2. 「递归」第8集 | 当敲代码的手开始写歌,玩跨界的程序员有多野?
  3. Elasticsearch技术解析与实战(三)文档的聚合
  4. 使用oauth2.0自动获取用户信息
  5. 纯函数式编程语言_纯功能编程语言如何改变您的生活。
  6. android实现手机拍照以及图片预览功能_手机系统将有A/B分区?Android 11这些变化你关注过吗...
  7. java excel 删除单元格格式_Java 去除excel表格内容中的空格
  8. java 导入 注释末班_Eclipse添加注释模板
  9. iptables之三表五链
  10. SQL 通配符 、分页 功能的学习
  11. php md5 验证,怎么核对md5?
  12. 软件测试功底技术——编程语言
  13. fdfs-文件上传信息返回详情
  14. 用给定的key对字符串进行sha256加密-postman预处理
  15. 微信公众开发 表情开发php,微信公众帐号开发教程第9篇-QQ表情的发送与接收_PHP教程...
  16. 项目经理进阶:如何做好一个领导者
  17. 手动配置网络设置静态IP地址
  18. IDEA 项目打包成war包
  19. ILRuntime学习(之四)
  20. OpenCVSharp 笔记21 图像旋转

热门文章

  1. openGauss亮相VLDB2020,展示内存优化研究成果
  2. java 封装类_java的基本类型和对应的封装类
  3. 解决windows电脑蓝屏的方法
  4. 一起来学习Java浮点类型
  5. 使用Windows Server 2003实现高可用故障转移群集(1)
  6. Kaggle数据集之电信客户流失数据分析(三)之决策树分类
  7. 随手笔记(九)———类型装换技巧
  8. 无线网服务器断开怎么回事,无线网自动断开怎么回事
  9. windows10多桌面创建 切换 和分屏
  10. 微信模板消息 群发 突破 4条限制