html - 非常基本的 HTML/CSS 问题——链接与句子的其余部分对齐

Question

所以我想要这个:

与公司名称有关

我现在得到的是:

与关联公司名称

公司名称是一个链接，但我通过将它们设置为 CSS 中的类来让我的链接变成红色且没有下划线。

这是我的html:

<a>In association with <div id="bodylinks" class="bodylink"><a href="url.com">Company Name</a></a></div>

这是与 bodylink 关联的 CSS

.bodylink a
{
font:  14px Helvetica;
color: red;
text-decoration:none;
}

所以公司名称被抛到下一行，因为它是一个不同的 div，我怎样才能避免这种情况并仍然使用 .bodylink 类来格式化链接？

谢谢

Answer 1

div 用于在您的页面中创建新的部分(分区)。如果您不打算将链接放在新的部分中，则应将其删除并为标签赋予类属性，如下所示:

<a class="bodylink" href="www.example.com">link text</a>

您还需要更改您的 CSS，以便它适用于具有类 bodylink 的标签，如下所示:

a.bodylink {
  /* styling */
}