这对我来说似乎很简单，但是经过几天的尝试（我的经验非常有限）和寻找解决方案后，我还是一片空白。我正在使用嵌入式 css 样式在单个 html 页面上创建一个链接页面，以便在浏览器窗口中使用。
我希望简单地将我的链接对齐到我的 div 的左侧，并附上与 div 右侧对齐的链接的文本说明。有一个包装 div，其中包含两个其他 div（右和左），其中包含链接框（类别）。第一个示例仅使用句点来创建所需的空间。
到目前为止，我已经尝试了以下 HTML：
<html>
<body>
<div class="wrapper">
<div class="div_body_side1">
<div id="div_category01">
<p>
<A HREF="http://www.webaddress" > Short Description
</A>.................... Longer description of where this link will take you
</p>
</div>
</div>
</div>
</body>
</html>
我还想我可以尝试这种方法（如下），但我不知道如何为长描述中的文本着色并将其与类别 div 的最右侧对齐。
<tr>
<td>
<A HREF="http://www.webaddress" > Short Description</A>
</td>
<td>
Longer description of where this link will take you
</td>
</tr>
我是否必须在每个类别中再创建两个并排的 div 才能实现我想要的效果？我还需要 div 和文本水平“缩小”（缩放）以供小型笔记本电脑使用，而且我知道很多 div（浮动）以某种方式阻止了适当的缩放。
对于我缺乏专业知识，我深表歉意，但我真的几天来一直在寻找解决方案。提前感谢您的任何帮助。..................................................... ......
再一次问好。不幸的是，Billy Chan 的回答不起作用（但感谢您提醒我使用“title”属性）。我已经用三个链接的列表进行了尝试，结果如下所示：
链接1链接2链接3说明1说明2说明3
这是我使用的：
<div>
<span class="link">
<a href="#whatever">Whatever</a></span>
<span class="explanation">Whatever explain</span>
<span class="link">
<a href="https://www.google.com.au"title="Google">Google search</a>
</span>
<span class="explanation">Secure Google search page
</span>
<span class="link">
<a href="http://www.google.com/ncr" >Google search</A>
</span>
<span class="explanation">US Google search page
</span>
</div>
...使用以下 CSS：
<style>
.link, .explanation {display:inline}
.link {float: left}
.explanation {float: right}
</style>
我现在将尝试提供的其他解决方案。非常感谢大家。
……………………………………………………………………………………………………………………………………
谢谢 dbaseman，但您的解决方案需要在我的类别 div 中再添加两个 div，不是吗？我不能将您的 "div class="right"" 应用于我的类别 div（这是一个 ID），可以吗？
现在将尝试 Urg mu 的解决方案。干杯。
哦.. Urg mu - 似乎您提供了一种仅对文本着色的解决方案。您的解决方案不会使我的“长解释”正确吗？
前往纳文夏尔马。很抱歉，您能否解释一下您的解决方案实际上应该做什么？
再次感谢大家。我学到了很多东西。
干杯。
请查看我想要实现的这个可怕的 jsFiddle 版本。是的，它包括许多测试内容以及此处提供的“解决方案”..，您必须将浏览器窗口拖到最右边，将“结果”窗口拖到最左边才能看到我的两个 div -边：