span11

Span11 is a class used in certain CSS grid frameworks to indicate that an element should occupy eleven of twelve equal-width columns in a standard grid. In a twelve-column layout, the page width is divided into twelve columns; an element with the span11 class typically has a width of eleven twelfths of its container, often leaving one column for margins, gutters, or adjacent content depending on the framework’s rules.

The exact appearance and behavior of span11 depend on the grid system being used. Some frameworks name the corresponding class differently, such as grid_11 or span-11, or require additional classes to control left or right offsets. To use span11 effectively, developers place the element inside a grid container that defines the total number of columns (commonly twelve) and ensure the accompanying stylesheet for the framework is loaded.

This class is a presentational construct rather than a semantic HTML element. It is part of legacy and some modern CSS grid approaches that rely on predefined column spans rather than explicit pixel widths. With the rise of CSS grid and flexbox, many modern layouts favor explicit grid definitions or responsive utilities over fixed span-based classes.

See also: twelve-column grid, grid system, CSS grid, responsive design, framework-specific grid utilities.