figure.align-left, 
figure.align-right, 
figure.align-center {
  display: table;        /* Shrink-wraps the figure to the image width */
  clear: both;           /* Prevents weird float overlaps */
}

figure figcaption {
  display: table-caption; /* Ensures the caption behaves like a table caption */
  caption-side: bottom;   /* Keeps it below the image */
  line-height: 1.4;
}
figure.align-left  figcaption {
margin:10px 40px 0 0;
}
figure.align-right  figcaption {
margin:10px 0 0 10px;
}