Css 量程标签在ul认证后不起作用_Css_Html Lists_Html

Css 量程标签在ul认证后不起作用

css html

Css 量程标签在ul认证后不起作用,css,html-lists,html,Css,Html Lists,Html,我有一个ul，旁边有一个背景图像。我在span标记中有一个文本不起作用，我不知道为什么这是HTML代码： <div> <ul id="first" class="img_yellow_arrow" style="margin-left:120px"> <span class="brightOrange"style="margin-left:5px">3 </span> <span class

我有一个

ul

，旁边有一个背景图像。我在

span

标记中有一个文本不起作用，我不知道为什么

这是HTML代码：

<div>
    <ul id="first" class="img_yellow_arrow" style="margin-left:120px">
      <span class="brightOrange"style="margin-left:5px">3&nbsp;</span>
      <span class="gris">nouveaux e-mails,</span>
       <li>A</li>
       <li>B</li>
       <li>C</li>
    </ul>
</div>

正如我所知，我们可以将

放在

中，并使用以下HTML代码进行验证：

<html>
<body>

<h4>An Unordered List:</h4>
<ul><span>x</span>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

</body>


无序列表：
x
咖啡
茶
牛奶

如果你能帮我解决这个问题，我将不胜感激。提前感谢

将您的HTML更改为：

<div><span class="brightOrange" style="margin-left:5px">3&nbsp;</span><span class="gris">nouveaux e-mails,</span>
    <ul id="first" class="img_yellow_arrow" style="margin-left:120px">
        <li>A</li>
        <li>B</li>
        <li>C</li>
    </ul>
</div>

3封新发电子邮件，

A
B
C

它当前无效-

标记不是列表的有效子元素，因此应该出现在

元素之外，或者出现在它的一个子

元素之内

有关更改css的信息，请参见此处。这是密码

如果你想使用背景，那么就使用背景-图像

我认为这里的代码内容覆盖在文本上

instead of "content" use "background-image"..

    .img_yellow_arrow{
    background-image:url(images/yellow_arrow_2.png);
    vertical-align:middle;
    }

这是无效的HTML，在

中唯一允许的是

项它是真的吗？在

中只允许项目吗？@Ranveer，是的<代码>允许的内容：零个或多个li元素
放入
内部
您正在用图像替换UL的内容。感谢您的回复，但我需要在UL标签旁边显示文本。您需要对其进行适当的样式设置，以便发生这种情况-您可以提供更详细的示例吗你想要什么？这并不能解决它首先是无效HTML的问题谢谢@JeevaJsb是的，你终于写出来了文本显示了，但是图像没有与文本垂直对齐！！非常感谢。关于这一要求，问题中没有提到你。但我听不懂你在说什么。您是说图像应该垂直对齐，还是希望显示整个图像和文本？我希望图像垂直对齐，文本也应该显示对不起。。说真的，我不明白。。是否要旋转图像？这就是我现在发现的垂直对齐。。
instead of "content" use "background-image"..

    .img_yellow_arrow{
    background-image:url(images/yellow_arrow_2.png);
    vertical-align:middle;
    }