如何使用css并排对齐动态生成的span元素？

Question

Span元素不是静态的，它们将通过java脚本代码动态生成。

HTML代码：

<div class="chartsHolder" id="chartsPart">
<span class="charts" id="Chart"></span>
</div>

使用的代码更少：

.chartsHolder {
    width:100%; 
}
.charts {
    display:inline-block;
    height:350px;
    width:50%;
    margin: 0px;
}

我已附上图表的屏幕截图，请检查一下。 graphs are displaying one after the other, but I wanted them to display side by side.

如果可以通过jquery手段实现，请建议我。