.float-right {
    float: right;
    margin: 0 0 15px 15px;
    max-width: 250px;
    height: auto;
}

.float-left {
    float: left;
    margin: 0 15px 15px 0;
    max-width: 250px;
    height: auto;
}

/* Handle the case where figure is inside a p tag */
p .float-right,
p .float-left {
    display: block;
    margin-bottom: 10px;
}

.float-right img,
.float-left img {
    width: 100%;
    height: auto;
    display: block;
}

.float-right figcaption,
.float-left figcaption,
.float-right .image-caption,
.float-left .image-caption {
    font-size: 0.9em;
    color: #666;
    text-align: center;
    margin-top: 5px;
    font-style: italic;
}