🏠 back to Observable

Default CSS: tables are missing bottom margin

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.

2 Likes

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

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

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

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?

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?

@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.