中间有文本的三列网格，文本向左列增长。

这里是一个示例的HTML和CSS代码，实现了一个中间有文本的三列网格，文本向左列增长的效果：

HTML代码：

<div class="grid-container">
  <div class="grid-item">左列</div>
  <div class="grid-item">中间列</div>
  <div class="grid-item">右列</div>
</div>

CSS代码：

.grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
}

.grid-item {
  background-color: #f2f2f2;
  padding: 20px;
  text-align: left;
}

.grid-item:first-child {
  grid-column: 1 / 2;
}

.grid-item:nth-child(2) {
  grid-column: 2 / 3;
}

.grid-item:last-child {
  grid-column: 3 / 4;
}

这个示例中，我们使用了CSS的grid布局来创建一个三列网格。grid-template-columns属性指定了每列的宽度，这里使用了repeat(3, 1fr)表示每列都平均分配可用空间。grid-gap属性指定了网格项之间的间距。

通过设置.grid-item的grid-column属性，我们可以控制每个网格项在网格中的位置。在这个示例中，我们将第一个网格项放在第一列，第二个网格项放在第二列，第三个网格项放在第三列。

这样就实现了一个中间有文本的三列网格，文本向左列增长的效果。你可以根据需要修改代码中的样式和内容。