浮动元素倒数2个浮动最后一个字符重复bug，CSS深入理解之float浮动教程-慕课网

index.html

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>浮动元素倒数2个浮动最后一个字符重复bug</title>
<style type="text/css">
html, body {
    background: #fff;
    color: #333;
}
 
div {
    width: 100px;
}
 
p {
    margin-right: 1px;
}
 
span {
    float: left;
    width: 120px;
}
</style>
 
</head>
 
<body>
<div>
    <p>
        <span>A</span>
        <span>B</span>
        <span>C</span>
    </p>
</div>
</body>
</html>

浮动元素倒数2个浮动最后一个字符重复bug

任务