Html 显示<；h1>&书信电报；h5>；使用css内联文本

我想展示“情绪分析”，这样S应该比

h5

text大得多

以下代码有什么问题：

HTML:

.style1
{
字体大小：36px；
}

情操

您正试图在同一行中对齐两个块级元素，因此您需要使用

显示：内联，将它们设置为
内联
或
内联块
或
显示：内联块
（推荐）或在
h1
中使用
元素

<h1><span>H</span>ello</h1>

如果您希望只以第一个字母为目标，那么最好使用pseudo，这也将为您节省一个元素


注意：我在这里使用的是常规元素选择器，请确保使用
class
或
id
以元素为唯一目标

将
display:inline
添加到
h1
和
h5
，然后从
h5
中删除
左边距


试试这个

 h1
   {
         margin-left: 36%;
         color:#C0C0C0;
         font-family: "calibri";
         text-decoration:underline;
         white-space: pre;
         display:inline;
  }


h5
   {
        color:#C0C0C0;
        font-family: "calibri";
        text-decoration:underline;
        white-space: pre;
        display:inline;
   }

您实现这一点的方法似乎有点复杂，即使您想使用代码，也可以使用我的答案，否则请在其他答案中选择任何简单方法
 这是一个混乱的代码。如果你只是想让第一个字母变大，你可以试试下面的方法


HTML

<div>Sentiment analysis</div> 

你好
世界
h1：第一个字母{
字体大小：60px；
}

使用此css规则进行适当的修改，然后按照css规则呈现需求！
h1：一线{
左缘：36%；
颜色：#C0C0；
字体系列：“calibri”；
字号：1em；
文字装饰：下划线；
空白：预处理；
显示：内联；
}
h1：第一个字母{
左缘：36%；
颜色：#C0C0；
字体系列：“calibri”；
字号：2em；
文字装饰：下划线；
空白：预处理；
显示：内联；
}

---

每个H元素以新行开始。尝试使用span或其他元素。您收到了6个答案，但没有评论/接受任何答案。为什么？你解决了你的问题吗？答案很好，但不推荐使用px字体大小！使用em而不是px@AsrafulHaque在我的回答后发布：）你知道在哪里应用px和em吗？@AsrafulHaque

em

不是强制性的。如果您需要相对尺寸和响应性支持，这很好。你可以在网站上找到使用em和px的地方，其他人希望答案是不推荐使用px字体！使用em而不是px@AsrafulHaque不是一种强迫，也与问题无关：）不建议使用px字体大小！使用em而不是px！

<h1><span>H</span>ello</h1>

h1 > span {
   font-size: 54px;
}

 h1
   {
         margin-left: 36%;
         color:#C0C0C0;
         font-family: "calibri";
         text-decoration:underline;
         white-space: pre;
         display:inline;
  }


h5
   {
        color:#C0C0C0;
        font-family: "calibri";
        text-decoration:underline;
        white-space: pre;
        display:inline;
   }

<div>Sentiment analysis</div> 

div:first-letter {
  font-size:30px;
  font-weight:bold;
}

<h1>Hello</h1>
<h1>World</h1>

h1:first-letter {
    font-size: 60px;
}

Use this css rules for proper follow the css rules to render the requirement!


  <style>
  h1:first-line {
            margin-left: 36%;
            color:#C0C0C0;
            font-family: "calibri";
            font-size:1em;
            text-decoration:underline;
            white-space: pre;
            display:inline;
                }
   h1:first-letter{
            margin-left: 36%;
            color:#C0C0C0;
            font-family: "calibri";
            font-size:2em;
            text-decoration:underline;
            white-space: pre;
            display:inline;
                }
  </style>