Spans to CSS Pixels: the quick answer
1 span = 864 px
1 span equals 864 CSS pixels
To convert spans to CSS pixels, multiply the value by 864. To go the other way, multiply CSS pixels by 0.00115741 to get spans.
To convert spans to CSS pixels, multiply the value by 864. To go the other way, multiply CSS pixels by 0.00115741 to get spans.
| Spans (span) | CSS Pixels (px) |
|---|---|
| 1 span | 864 px |
| 2 span | 1,728 px |
| 3 span | 2,592 px |
| 4 span | 3,456 px |
| 5 span | 4,320 px |
| 6 span | 5,184 px |
| 7 span | 6,048 px |
| 8 span | 6,912 px |
| 9 span | 7,776 px |
| 10 span | 8,640 px |
| 12 span | 10,368 px |
| 14 span | 12,096 px |
| 15 span | 12,960 px |
| 20 span | 17,280 px |
| 21 span | 18,144 px |
| 24 span | 20,736 px |
| 25 span | 21,600 px |
| 30 span | 25,920 px |
| 40 span | 34,560 px |
| 50 span | 43,200 px |
| 60 span | 51,840 px |
| 75 span | 64,800 px |
| 80 span | 69,120 px |
| 100 span | 86,400 px |
| 200 span | 172,800 px |
| 250 span | 216,000 px |
| 300 span | 259,200 px |
| 400 span | 345,600 px |
| 500 span | 432,000 px |
| 750 span | 648,000 px |
| 1,000 span | 864,000 px |
Span (span). A span is 9 inches (0.2286 m), the distance across an outstretched hand.
CSS pixel (px). A CSS pixel is defined as 1/96 of an inch (about 0.2646 mm) and is used in screen layouts.
There are 864 CSS pixels in one span.
Multiply the number of spans by 864. For example, 10 spans equal 8,640 CSS pixels.
One CSS pixel equals 0.00115741 spans.
10,368 CSS pixels. Other common values: 5 spans = 4,320 CSS pixels and 100 spans = 86,400 CSS pixels.