縮短行間距是網頁設計中的一個常見問題。當需要將大量文本排列在一起時，行間距可能會導致頁面變得混亂和不美觀。使用 CSS 可以輕松地縮短行間距，使文本更容易排列和布局。

下面是一個示例代碼，它使用 CSS 縮短行間距：

```html

<h1>縮短行間距</h1>

<p>這是一段文本，希望它看起來更短一些。</p>

在這個例子中，`h1` 標簽被設置為一個具有固定寬度的子元素，`p` 標簽被設置為一個具有自由寬度的子元素。通過使用 `text-align: center` 屬性，`h1` 標簽的父元素和 `p` 標簽的父元素將合并成一行。通過使用 `margin-bottom` 屬性，可以縮短 `p` 標簽的文本長度，使其看起來更短。

下面是一個修改后的示例代碼，它使用 CSS 縮短行間距，并添加了一些額外的文本：

```html

<h1>縮短行間距</h1>

<p>這是一段文本，希望它看起來更短一些。</p>

這里有一些額外的文本，希望它看起來更長一些。

在這個例子中，`h1` 標簽被設置為一個具有固定寬度的子元素，`p` 標簽被設置為一個具有自由寬度的子元素，并添加了一些額外的文本。通過使用 `text-align: center` 屬性，`h1` 標簽的父元素和 `p` 標簽的父元素將合并成一行。通過使用 `margin-bottom` 屬性，可以縮短 `p` 標簽的文本長度，使其看起來更短。

使用 CSS 縮短行間距可以簡化網頁設計，使文本更容易排列和布局。