このCSS効果（コンテンツとパディングのセンタリング）をどのように達成できますか？

Question

私はこの効果をどのように達成できたかと思いました。最初にコンテンツは現在 'contentDiv'という名前のdivにあります。私はすべての以下の内容のフロートを持っています：divの右側。私が達成したいのは、コンテンツが交差できない想像上の境界線（画像を見る）です。 次に、コンテンツを中央に配置します。 CSSでこれをどのように達成できますか？あるいは、このエフェクトをどのような要素で再現することができますか？ 私は、コンテンツを中心に見ていると、このコードは私の作品 -

margin-left: auto; 
margin-right: auto; 

Answer 1

#contentDivParent { 
    /*It will define the imaginary border*/ 
    padding-left:30%; 
    width:70%; 
} 

#contentDiv { 
    /*remove the float*/ 
    float:none; 
    /*center*/ 
    margin:0px auto; 
    /*force line-break*/ 
    max-width:100%; 
}