浮动与同一行的差异，CSS深入理解之float浮动教程-慕课网

index.html

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>浮动与同一行的差异</title>
<style type="text/css">
html, body {
    background: #fff;
    color: #333;
}
 
div {
    background-color: #eee;
	border: 1px solid #bbb;
	padding: 5px;
}
 
span { float: right; }
</style>
 
</head>
 
<body>
<div>
	左侧标题
    <span>右浮动</span>
</div>
</body>
</html>

浮动与同一行的差异

任务