User:Mathglot/sandbox/styles.css

.minitable	{
  display:grid;
  width:16em;
  margin-left:1.5em;
  font-size:80%;
  border-collapse:collapse; /* I don't think this is needed, or does anything */
 }
/* Try to make the last row have no border sides or bottom; previous row will have a bottom, making this row's top */
.mini-table tr:last-child td { /* Target the last row's cells */
  border: none !important; 
 }

/* While that is not working, try this kluge for a nested div after the table and within the container div's grid */
.minitable-caption {
  display:grid;
}

.html_equiv {
  display: inline-grid;
  float:right;
  vertical-align: top;
  margin-right: 2em;
}
/* 
.html_equiv::before {
  display: inherit;
  content: "<syntaxhighlight lang=\"HTML\">";
}
.html_equiv::after {
    content: "</syntaxhighlight>"
}
  */