Css 将文本直接放在<；李>；
我有一个歌曲列表，我想在新歌的左边加上一个词“New！”，如下所示： 我怎样才能让所有的歌曲排成一行呢？例如，我希望非新歌曲的名称与新歌曲的名称对齐，而不是与单词“new”的开头对齐 请注意，如果“New！”是一个图像，那么这就很简单了。也就是说，我将图像设置为Css 将文本直接放在<；李>；,css,layout,css-float,Css,Layout,Css Float,我有一个歌曲列表，我想在新歌的左边加上一个词“New！”，如下所示： 我怎样才能让所有的歌曲排成一行呢？例如，我希望非新歌曲的名称与新歌曲的名称对齐，而不是与单词“new”的开头对齐 请注意，如果“New！”是一个图像，那么这就很简单了。也就是说，我将图像设置为的背景图像，并给它一些左填充HTML 这样做的另一个好处是，未设置样式的页面将在新曲目旁边显示一个小的新曲目。HTML 这样做的另一个好处是，未设置样式的页面将在新曲目旁边显示一个小的新曲目。这里有一种使用纯文本的方法。你必须用边距来排
左填充这样做的另一个好处是，未设置样式的页面将在新曲目旁边显示一个小的新曲目。这里有一种使用纯文本的方法。你必须用边距来排列它，它会随着每种字体的变化而变化，但是你可以得到主要的想法
<html>
<head>
<style>
li.new:before {
content: "New! ";
}
li {
list-style: none;
}
li.new {
margin-left: -29pt;
}
</style></head>
<body>
<ul class="newlist">
<li>Bob Marley</li>
<li class="new">Ziggy Marley</li>
<li>Bob Dylan</li>
<li class="new">Jacob Dylan</li>
</ul></body>
</html>
李：新：以前{
内容：“新！”；
}
李{
列表样式：无；
}
李新{
左边距：-29磅；
}
- 鲍勃·马利
齐吉马利
- 鲍勃·迪伦
雅各布·迪伦
<html>
<head>
<style>
li.new:before {
content: "New! ";
}
li {
list-style: none;
}
li.new {
margin-left: -29pt;
}
</style></head>
<body>
<ul class="newlist">
<li>Bob Marley</li>
<li class="new">Ziggy Marley</li>
<li>Bob Dylan</li>
<li class="new">Jacob Dylan</li>
</ul></body>
</html>
李：新：以前{
内容：“新！”；
}
李{
列表样式：无；
}
李新{
左边距：-29磅；
}
- 鲍勃·马利
齐吉马利
- 鲍勃·迪伦
雅各布·迪伦
<html>
<head>
<style>
li.new:before {
content: "New! ";
}
li {
list-style: none;
}
li.new {
margin-left: -29pt;
}
</style></head>
<body>
<ul class="newlist">
<li>Bob Marley</li>
<li class="new">Ziggy Marley</li>
<li>Bob Dylan</li>
<li class="new">Jacob Dylan</li>
</ul></body>
</html>