ife-task6:css实现首字放大，文字环绕图片

首字放大的方法：
（first-letter）or span标签
我选用了span但是却遇到了一些问题
问题：之前没加行高70px,一直下边字体和放大字体会重叠？so为什么？
解决：我觉得还是相当于span标签没有给高度，就直接只有字体大小并且是浮动的，所以会造成这样，就像div若没有设高度就会像不存在一样，必须有东西将其分开

span{ font-size: 70px; color: #f5e327; font-family: Microsoft YaHei; border-right: 5px; float: left; line-height: 70px; }

文字环绕图片：
操作中的错误：
1.图片用了绝对定位和top等，图片位置是准确了，但图片会覆盖到文字。因为绝对定位文档流中没有图片的位置，因此图片会覆盖文字，这很正常，将图片取消绝对定位才不会覆盖。使用float：right实现浮动即可。
2.段落p，使用了float left，认为这样可以图片在右，文字在左。但其实多次一举，并且效果不佳。因为图片已经占了文档中的部分，剩下p自动占据剩下文档的位置。
正确代码

  <div id="p5content">
    <p id="p5content-1"><span>前</span>端前端前
      <img src="part5picture.jpg">端端前端前端前.</p>
  </div>
  #part-5 #p5content p{
    line-height: 16px;
    margin-bottom: 16px;
  }
  #part-5 #p5content #p5content-1 span{
    font-size: 70px;
    color: #f5e327;
    font-family: Microsoft YaHei;
    border-right: 5px;
    float: left;
    line-height: 70px;
  }
  #part-5 #p5content #p5content-1 img{
    border: 1px solid black;
    margin: 8px;
    width: 35%;
    float: right;
  }
  #part-5 #p5content .p5content-2{
    text-indent: 2em;
  }