Template:Pie chart/styles.css

.pie-chart-wrapper {
    margin: 0 0 1em 1em;
    width: auto;
    max-width: 100%;
}

.pie-chart-wrapper.tright {
    float: right;
    clear: right;
}

.pie-chart-wrapper.tleft {
    float: left;
    clear: left;
    margin: 0 1em 1em 0;
}

.PieChartTemplate {
    display: inline-block;
    vertical-align: top;
}

.thumbcaption {
    text-align: left;
}

/* Ensure text wraps around the chart */
.mw-content-ltr .pie-chart-wrapper.tright {
    clear: right;
}

.mw-content-ltr .pie-chart-wrapper.tleft {
    clear: left;
}

/* For better responsiveness */
@media (max-width: 600px) {
    .pie-chart-wrapper {
        float: none;
        margin: 1em auto;
        text-align: center;
    }
}