CSS如何设置盒模型内部文字左对齐

1、第一步：打开我们的网页文件html。

2、第二步：我们在先进行盒模型的编写，先进形编写前的草稿布局。

3、第三步：根据草稿布局，进行代码编写：

 <div class="main">

     <div class="content">

         <span>让所有的盒子内部的文字都左对齐。</span>

     </div>

   </div>

4、第四步：在head标签中写上css样式表标签。

<style></style>

5、第五步：在样式标签中编写样式。

<style>

    .main{ width:400px;height:400px; background:#09F; margin:0 auto; text-align:center}

.content{width:400px; height:200px; background:#09F; font-size:20px; text-align:left; }

 </style>

6、第六步：在浏览器中进行浏览就可以看到文字是左对齐了。