在HTML中，创建一条左对齐的横线可以通过多种方式实现，本文将详细介绍几种常用的方法，并在文章结尾提供一些常见问题与解答。
1、使用<hr>标签
HTML提供了一个专门的标签<hr>，用于创建一条水平线，默认情况下，<hr>标签生成的横线是左对齐的，要创建一条左对齐的横线，只需在HTML文档中插入<hr>标签即可。
<!DOCTYPE html>
<html>
<head>
<title>左对齐的横线</title>
</head>
<body>
<p>这是一段文本。</p>
<hr>
<p>这是另一段文本。</p>
</body>
</html>
2、使用CSS样式
如果需要对横线的样式进行更详细的控制，可以使用CSS，以下是一个示例，展示了如何使用CSS创建一条左对齐的横线，并设置其样式。
<!DOCTYPE html>
<html>
<head>
<title>左对齐的横线</title>
<style>
.left-aligned-line {
border: 0;
height: 1px;
background-color: #000;
margin: 0;
padding: 0;
width: 50%;
}
</style>
</head>
<body>
<p>这是一段文本。</p>
<div class="left-aligned-line"></div>
<p>这是另一段文本。</p>
</body>
</html>
在这个示例中，我们创建了一个名为.left-aligned-line的CSS类，用于定义横线的样式，通过设置margin和padding为0，确保横线紧贴页面左侧。
常见问题与解答：
Q1: 如何更改横线的颜色？
A1: 要更改横线的颜色，可以在CSS中为横线设置background-color属性，要将横线颜色更改为红色，可以将background-color: #000;更改为background-color: #f00;。
Q2: 如何调整横线的粗细？
A2: 要调整横线的粗细，可以在CSS中为横线设置height属性，要将横线粗细调整为2像素，可以将height: 1px;更改为height: 2px;。
Q3: 如何设置横线的宽度？
A3: 要设置横线的宽度，可以在CSS中为横线设置width属性，要将横线宽度设置为页面宽度的80%，可以将width: 50%;更改为width: 80%;。