Question

I tried to add dot after a table, by using table::after selector to create a dot element and center it with margin: 5px auto 5px auto;. It works, but it seems dot is added after the first table column, not after the table itself:

Why and how to fix it?

Live code http://cssdeck.com/labs/ew6g4ntf/0

Answer 1

This is a somewhat weird way of doing it, but going along your solution, it’s probably because that’s how tables work best, on a cell basis. So that’s why the table::after also resembles a cell.

But, if you put this whole thing in a div, and you float it to left, and you do this ::after thing with the div instead of the table, it will work well.

Here’s a preview