troubleshooting Question

Pure CSS Table and Column Span

Avatar of msosno
msosno asked on
Web Languages and StandardsCSSHTML
10 Comments2 Solutions2789 ViewsLast Modified:
I need to create a simple 2x4 table. However, the first row (table title) should be one cell and the second row four cells. How can I make the first cell span all the four columns?

For example,
________________
|    Table       Title     |
________________|    <- row 1 has one big cell
|cell1|cell2|cell3|cell4|
________________|    <- row 2 has four cells

I CANNOT use <table>, and other html tags. Everything should be pure CSS.

I successfully created simple tables with display:table, display:cell, and display:row CSS attributes. However, I do not know how to overcome the lack of column span property.
ASKER CERTIFIED SOLUTION
David S.
Consultant & Challenge Subduer
Join our community to see this answer!
Unlock 2 Answers and 10 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 2 Answers and 10 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros