[JSWolf]

Originally Posted by phossler

@JSWolf --




Admittedly there are other ways to do this, but I am finding that using a couple of the new tags makes the CSS a little more explanatory

aside {
  text-indent: 0;
  width: 30%;
  margin: 0 0.25em 0.25em 0;
  float: right;
  padding: 0.2em 0.2em 0.2em 0.4em;
  border: thin black solid;
  background-color: #EEE;
}
article {
  text-indent: 0;
  margin: 0 1m 0 0.25em;
  padding: 0.2em 0.2em 0.6em 1em;
  border-top: thin black solid;
  border-left: thin black solid;
  border-bottom: medium black solid;
  border-right: medium black solid;
  background-color: #EEE;
}
/* -------------------------------------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------  figures and captions */
/* -------------------------------------------------------------------------------------------------------*/
/* usage
<figure>
  <img src="pic_trulli.jpg" alt="Trulli" style="width:100%">
  <figcaption>Fig.1 - Trulli, Puglia, Italy.</figcaption>
</figure>
*/
figure {
  page-break-inside: avoid;
  width: 90%;
  border: thin silver solid;
  padding: 0.5em;
  text-align: center;
  margin: 1em 5% 0 5%;
}
figure img {
  width: 90%;
}
figure p {
  text-align: left;
  font-style: normal;
  font-size: smaller;
  text-indent: 0;
  margin-top: 0.5em;
  margin-bottom: 0;
}
figcaption {
  text-align: left;
  font-style: italic;
  font-size: 0.9em;
  text-indent: 0;
  margin: 0 0 0 1em;
}

I've just done a test and your CSS code isn't going to work. I tried your article CSS code and it was a big failure with ADE 2.0.1. That means that you cannot use it because it's not backwards compatible. You have to test your code to see if it is backwards compatible. ADE 2.0.1 is the benchmark for backwards comparability. This is why I don't do things like that. I know my code is compatible.

You have to blame the companies who use RMSDK but have not kept it updated for your code failure.