在HTML中，要实现每行文字顶格的效果，通常需要使用CSS样式来控制，顶格，也就是将文本与容器的顶部对齐，这可以通过设置CSS的vertical-align属性为top或者调整line-height和padding等属性来实现，以下是几种常见的方法来让每行文字顶格。
1、使用vertical-align属性：
在CSS中，vertical-align属性通常用于表格单元格、行内元素或者行内块元素，要让文本顶格，可以将这个属性设置为top，如果你有一个<div>元素，你可以这样设置：
div {
vertical-align: top;
}
这会使得<div>内的文本与顶部对齐。
2、调整line-height属性：
line-height属性可以用来控制行之间的距离，如果你想要让文本看起来更紧凑，可以将line-height设置为1或者更小的值。
p {
line-height: 1;
}
这会使得段落内的文本行与行之间的距离减小，从而实现顶格效果。
3、使用padding属性：
padding属性可以用来控制元素的内边距，通过调整padding-top的值，你可以控制文本与容器顶部的距离。
p {
padding-top: 0;
}
这会移除段落顶部的内边距，使得文本紧贴容器顶部。
4、使用margin属性：
与padding类似，margin属性可以用来控制元素的外边距，如果你想要让文本与容器的顶部有一定的距离，可以调整margin-top的值。
p {
margin-top: 0;
}
这会使得段落顶部的外边距为0，从而使文本顶格。
5、使用Flexbox布局：
如果你想要在一个复杂的布局中实现顶格效果，可以考虑使用Flexbox布局，通过设置容器为Flex容器，并使用align-items属性，你可以轻松地控制子元素的对齐方式。
.container {
display: flex;
align-items: flex-start;
}
.container p {
margin-top: 0;
}
在这个例子中，.container是一个Flex容器，其子元素（如<p>标签）会根据align-items: flex-start;属性顶格对齐。
要实现HTML中每行文字顶格的效果，可以通过多种CSS属性和方法来实现，根据你的具体需求和布局，选择最合适的方法来调整文本的对齐方式。