页面布局 --- 题图文字布局

来源:互联网 发布:windows桌面图标透明 编辑:程序博客网 时间:2024/05/22 00:13
<html>
<head>
  <meta charset = "UTF-8">
  <style>
    .sec
    {
      background:#eee;
      padding:90px 50px 30px;
      margin-top:150px;
      position:relative;
      border-top:10px solid #300;
    }
    
    img
    {
      margin-top:-220px;
    }
  </style>
</head>
  <div class = "sec">
  <img src = "penguin.png" alt = "penguin">
    <p>
     With no change in the rule, the more you grow the more envious you become,
     the other courtiers like Rama Raja Bhushana were against the growth of Ramalinga’s association with the King Rayalu.
     Whenever there is a possibility, those courtiers,
     and Rama Raja Bhushana had been working out for damaging Ramalinga’s image and sling mud on him before the King.
  </p>
  </div>

</html>