这个练习,在 Firefox 和 Chrome 浏览器中 span中的文字却不在一行

来源：3-19 编程练习

zywzyw

2018-03-12 11:13:29

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>border属性</title>
    <style type="text/css">
        *{
          margin: 0;
          padding: 0;
        }
        .container{
          width:200px;
          height:200px;
          background-color:pink;
            /*补充样式*/
          padding-top: 50px;
          padding-left: 100px;
            
            
        }
        .content{
          width:100px;
          height:100px;
          background-color:purple;
          
           /*补充样式*/
          padding-top:30px;
          padding-left: 30px;
          padding-right: 30px;
           
           
        }
span{background-color:yellow;width: auto;}
    </style>
</head>
<body>
    <div class="container">
      <div class="content">
          <span>我是span元素</span>
      </div>
    </div>
</body>
</html>

写回答

1回答