---
title: "How to vertically align table contents at the top in the Knowledge base"
slug: "how-to-vertically-align-table-contents-at-the-top-in-the-knowledge-base"
description: "How to vertically align table contents at the top in the Knowledge base?"
updated: 2025-12-28T12:57:29Z
published: 2026-01-31T18:00:00Z
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.document360.com/llms.txt
> Use this file to discover all available pages before exploring further.

# How to vertically align table contents at the top in the Knowledge base

If you want to vertically align the table content to the top of your Knowledge base, follow the steps below to easily achieve this using a custom CSS solution.

### Solution

1. Navigate to **Settings** (<nor class="fa-solid fa-gear" data-tomark-pass=""></nor>) > **Knowledge base site** > **Site customization** > **Custom CSS & JavaScript** in the Knowledge base portal.

![Site customization options including CSS, JavaScript, and theme settings for a knowledge base.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Custom%20css%20&amp;%20js.png)
2. From the left navigation pane, click on the **CSS** tab and paste the following CSS snippet:

```css
table td, table th, table tr 
{  
vertical-align: top !important;
}
```

1. Update the alignment as needed. In this example, the content is set to align vertically at the top.
2. Click **Save**.

![](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/image-1766926510813.png)

### Outcome

#### Before

By default, the table appears as below.

![](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/1_Screenshot-Before_adding_code.png)

#### After

After updating the Custom CSS, the table appears as below.

![](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/2_Screenshot-After_adding_code.png)