html - 如何嵌套多个 span 标签。我发现的所有内容都已过时或令人费解

标签 html css

我希望"标题更小并与"MainHtml"左侧对齐

span 是最好的方法吗? 任何和所有批评将不胜感激。

<!DOCTYPE html>

<html>
<head>
<link rel="stylesheet" href="styles0.css">
<meta charset="UTF-8">
<title>MainHtml</title>
</head>

<body>
<header>
<span style="color:white;">header</span>MainHtml</header>

最佳答案

“header”已经在“MainHtml”的左侧,因此您需要做的就是添加“font-size:n;”其中 n 是小于“MainHtml”的字体大小。

一个例子是:

<header style="font-size:48px;">
  <span style="font-size:30px;color:white;">header</span>MainHtml
</header>

希望这就是您所追求的。我的第一篇文章,所以我正在尝试:)。

谢谢, 米奇。

关于html - 如何嵌套多个 span 标签。我发现的所有内容都已过时或令人费解,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29457909/

相关文章:

css - 分区宽度 : auto and IE

jquery - “事件”而不是 :hover for touch devices

javascript - angular.element(by-id).html()。我变得不确定

css - IFRAME 和冲突的绝对位置

在 firefox 上使用 Mysql 的 PHP 报告

html - IE11 的 CSS Grid 自动重复列 flexbox 替代品

html - 为什么谷歌浏览器在元素放置方面不够精确?

html - 如何防止此 css 形状左右滚动

html - Joomla,缩放 iFrame

html - 防止内联元素增加父元素大小的 CSS?