Default CSS: tables are missing bottom margin

Feedback
1

While tables have some default styles, they appear to be lacking a bottom margin. This causes following elements to stick to the bottom of a table.

table
table1398×578 78.4 KB

2 Likes
2

Could you add your own CSS to a notebook to do that?

 html`<style>
 table {  margin-bottom:50px;  }`
 </style>`
3

Of course, but that’s not what my post is about. :wink:

4

I don’t understand your problem, can you describe it in a way that shows what you expected/desired and what you get. Got an example?

image
image2196×945 355 KB

Would the css below fix what you’re trying to do?

th, td {
  border-bottom: 1px solid #ddd;
}

or could a HR element give you the desired visual?

What are you look for in a solution?

5

@hellonearthis This post has been filed under Site Feedback, a category which is used to report bugs, suggest enhancements or give general feedback to the Observable team.

I appreciate your effort to help, but it is not neccessary.