Html 中心<；预处理>；不带居中文本的块

如果我想在HTML页面上打印代码，但我想将

块居中，而实际文本左对齐，那么这是如何做到的

<pre>int i = 0;
i = i + 80000000000;</pre>

<div class="container">
    <pre>
int i = 0;
i = i + 80000000000;
    </pre>
</div>

简单地说，怎样才能使这条线居中，使两条线从同一个地方开始

inti=0；
i=i+800000000；

这就是你想要的方法。有一个带有

显示：block的容器围绕它和
文本对齐：居中。然后，添加
display:inline块到您的
pre
标签，并使其
文本对齐：左

HTML

小提琴：
谢谢，很好用。只是想让您知道，
标记将打印该缩进。最好将pre标记中的每一行与div标记放在同一列上。
.container {
   text-align: center;
 }

.container pre {
  display: inline-block;
  text-align: left;
 }