[phossler]

@JSWolf --

<article> and <aside> aren't going to simplify anything. I use my default settings for <blockquote> and classes if i have to make any changes to that. It's about as simple as it gets.

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;
}