jsf - タブ内にあるPrimefacesデータテーブルを左に揃えるにはどうすればよいですか?

Question

こんにちは、私はこのコードを持っています...

<p:tab title="Explore More" >
                    <ui:insert name="sideMenu">
                        <ui:include src="../ST/InterestingNumberList.xhtml" />

                    </ui:insert>

と

InterestingNumberList.xhtml

データテーブルを含みます。この Datatable の左側全体をタブ内に揃えるにはどうすればよいですか?My Interesting Numberlist ページ

<div class="col1" xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui">


    <h:form prependId="false">
        <p:dataTable id="companyList" rows="10" style="text-align:left"
            value="${bean_numbers_list}" var="num_feature">
            <p:column  >
                <h:outputLink styleClass="morelinks"
                    value="${facesContext.externalContext.requestContextPath}/topStocks/${num_feature.name}">
                    <h:outputText value="#{num_feature.shortDesc}" />
                    <f:ajax event="click" immediate="true" />
                </h:outputLink>
            </p:column>
        </p:dataTable>
    </h:form>
</div>

画面左に並べたいリストボックスに赤い四角形を追加しました。