Calculate column widths, span sizes, and readable text columns from container width, column count, gutters, margins, font size, and CPL.

Column Width Calculator

Grid + Gutters
Text CPL

Compute column width from container, columns, gutters, and margins.

Column Width Formula

The following two example problems outline the steps and information needed to calculate the Column Width.

CW = W / C

Variables:

  • CW is the Column Width
  • W is the total width 
  • C is the total number of columns 

To calculate the column width, divide the total width by the number of columns.

How to Calculate Column Width?

The following steps outline how to calculate the Column Width.

  1. First, determine the total width. 
  2. Next, determine the total number of columns. 
  3. Next, gather the formula from above = CW = W / #C.
  4. Finally, calculate the Column Width.
  5. After inserting the variables and calculating the result, check your answer with the calculator above.

Example Problem : 

Use the following variables as an example problem to test your knowledge.

total width = 100

total number of columns = 2

CW = W / #C = ?