Title: Table CSS Help Needed! :)
Last modified: October 8, 2020

---

# Table CSS Help Needed! :)

 *  Resolved [Tessa](https://wordpress.org/support/users/tessabee/)
 * (@tessabee)
 * [5 years, 8 months ago](https://wordpress.org/support/topic/table-css-help-needed/)
 * I have created a table, but missing something with the CSS
    I would like the 
   first row to span over all 4 columns, and the 2nd row should have each item taking
   up 2 columns each. I have posted the link to a picture of the table to explain
   the situation.
 * Here’s the code I have:
 * <table dir=”ltr” border=”3″ cellspacing=”0″ cellpadding=”0″>
    <colgroup> <col
   width=”150″ /> <col width=”150″ /> <col width=”150″ /> <col width=”150″ /></colgroup
   > <tbody> <tr> <td style=”border: 1px solid #000000; text-align: center;” rowspan
   =”1″ data-sheets-value=”{"1":2,"2":"Amazon KDP VS. Amazon Merch. Which is Better?"}”
   >**1st Row to Cover all 4 Columns**</td> </tr> <tr> <td style=”border: 1px solid#
   000000;” rowspan=”1″ data-sheets-value=”{"1":2,"2":"Amazon KDP"}”><b>2nd Row 
   Column 1 &2 </b></td> <td style=”border: 1px solid #000000;”></td> <td style=”
   border: 1px solid #000000;” rowspan=”1″ data-sheets-value=”{"1":2,"2":"Amazon
   Merch"}”><b>2nd Row Column 3 &4</b></td> </tr> <tr> <td style=”border: 1px solid#
   000000;”><b>3rd Row Column 2</b></td> <td style=”border: 1px solid #000000;”>
   <b>3rd Row Column 3</b></td> <td style=”border: 1px solid #000000;”>**<b>3rd 
   Row Column 4</b>**</td> </tr> <tr> <td style=”border: 1px solid #000000;”><b>
   4th Row Column 1</b></td> <td style=”border: 1px solid #000000;”><b>4th Row Column
   2</b></td> <td style=”border: 1px solid #000000;”><b>4th Row Column 3</b></td
   > <td style=”border: 1px solid #000000;”><b>4th Row Column 4</b></td> </tr> <
   tr> <td style=”border: 1px solid #000000;”><b>5th Row Column 1</b></td> <td style
   =”border: 1px solid #000000;”><b>5th Row Column 2</b></td> <td style=”border:
   1px solid #000000;”><b>5th Row Column 3</b></td> <td style=”border: 1px solid#
   000000;”><b>5th Row Column 4</b></td> </tr> <tr> <td style=”border: 1px solid#
   000000;”><b>6th Row Column 1</b></td> <td style=”border: 1px solid #000000;”>
   <b>6th Row Column 2</b></td> <td style=”border: 1px solid #000000;”><b>6th Row
   Column 3</b></td> <td style=”border: 1px solid #000000;” data-sheets-value=”{"
   1":2,"2":"Limited Daily Submissions"}”><b>6th Row Column 4</b></td> </tr> <tr
   > <td style=”border: 1px solid #000000;” data-sheets-value=”{"1":2,"2":"No Upload
   Restrictions"}”><b>7th Row Column 1</b></td> <td><b>7th Row Column 2</b></td>
   <td style=”border: 1px solid #000000;”><b>7th Row Column 3</b></td> <td style
   =”border: 1px solid #000000;”><b>7th Row Column 4</b></td> </tr> <tr> <td style
   =”border: 1px solid #000000;”><b>8th Row Column 1</b></td> <td style=”border:
   1px solid #000000;”></td> <td style=”border: 1px solid #000000;”></td> <td style
   =”border: 1px solid #000000;”><b>8th Row Column 4</b></td> </tr> <tr> <td style
   =”border: 1px solid #000000;”><b> </b></td> <td style=”border: 1px solid #000000;”
   ><b> </b></td> <td style=”border: 1px solid #000000;”><b> </b></td> <td style
   =”border: 1px solid #000000;” data-sheets-value=”{"1":2,"2":"Copycats Everywhere"}”
   >**9th Row Column 4 </td> </tr> <tr> <td style=”border: 1px solid #000000;”><
   b> </b></td> <td style=”border: 1px solid #000000;”><b> </b></td> <td style=”
   border: 1px solid #000000;”><b> </b></td> <td style=”border: 1px solid #000000;”
   >10th Row Column 4 </td> </tr> </tbody> </table>
 * Hopefully someone can help! Or point me in the right direction?
    Thank you!
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Ftable-css-help-needed%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 2 replies - 1 through 2 (of 2 total)

 *  [tugbucket](https://wordpress.org/support/users/tugbucket/)
 * (@tugbucket)
 * [5 years, 8 months ago](https://wordpress.org/support/topic/table-css-help-needed/#post-13509062)
 * You want colspan : [https://www.w3schools.com/tags/att_td_colspan.asp](https://www.w3schools.com/tags/att_td_colspan.asp)
 * So your first row column 1 add colspan=”4″. for your second row, both <td> add
   colspan=”2″
 *  Thread Starter [Tessa](https://wordpress.org/support/users/tessabee/)
 * (@tessabee)
 * [5 years, 8 months ago](https://wordpress.org/support/topic/table-css-help-needed/#post-13510027)
 * Thank you so much! Worked like a charm. That is exactly what I needed 🙂 Appreciate
   it!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Table CSS Help Needed! :)’ is closed to new replies.

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [table](https://wordpress.org/support/topic-tag/table/)

 * In: [Developing with WordPress](https://wordpress.org/support/forum/wp-advanced/)
 * 2 replies
 * 2 participants
 * Last reply from: [Tessa](https://wordpress.org/support/users/tessabee/)
 * Last activity: [5 years, 8 months ago](https://wordpress.org/support/topic/table-css-help-needed/#post-13510027)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics