Configure DIV-based layouts

---
title: Configure DIV-based layouts
description: After you create your site, you can change the site layout with DIV tags.
locale: en-US
canonical_url: https://www.servicenow.com/docs/r/australia/platform-user-interface/content-management-system/t\_ConfigureDivBasedLayouts.html
release: australia
product: Content Management System
classification: content-management-system
topic_type: task
last_updated: "2026-09-10"
reading_time_minutes: 1
breadcrumb: [Content Management meta tags, Configure Content Management sites, Content Management System, Configure UIs and portals, Configure user experiences]
---

# Configure DIV-based layouts

After you create your site, you can change the site layout with DIV tags.

## Before you begin

Role required: content\_admin or admin

## About this task

Many web page layouts use tables for a consistent look and feel. Tables are effective for numbers and statistics, but can be limiting for designing other types of information. DIV tags are flexible block-element tags. To use DIV tags for layouts, give the tag an ID and assign attributes using CSS.

Changing to CSS and DIV tags help in the following ways:

-   simplify code
-   reduce the amount of code
-   increase page load speed
-   separate content from presentation
-   help pages adapt to different device resolutions
-   make pages easier for search engines to crawl
-   make code more compliant with evolving web page design standards

A theme named **Administration Theme - Charcoal** is included as an example of CSS-driven, DIV-based layouts. To view the **Administration Theme - Charcoal** DIV-based layout, complete the following steps.

## Procedure

1.  Navigate to **All** > **Content Management** > **Design** > **Layouts**.

2.  Click **Admin 1 Column**

3.  Review the code.


**Parent Topic:**[Content Management meta tags](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/content-management-system/c_ContentManagementMetaTags.md)