我希望身体部分位于菜单下方,但是菜单与身体合并。这段HTML代码有什么问题?
<!DOCTYPE html>
<html>
<head>
<title>Hi</title>
<style type="text/css">
body
{
background-color: #369;
}
li.changeMe
{
background-color: #DEE;
color: #369;
font-weight: bold;
padding: 8px 16px;
margin: 5px;
display: inline;
}
#bodystuff
{
background-color: White;
display: block;
padding: 15px 10px;
}
</style>
</head>
<body>
<div style="margin: 15px 10px 0;">
<div style="font-size: 30pt; font-weight: bold; color: White; font-family: Arial;">My Website</div>
<div style="float: right; display: block; margin: 0 0 25px 0"><ul style="list-style-type: none; "><li class="changeMe">Hi</li><li class="changeMe">Hello</li></ul></div>
<div id="bodystuff">Hi this is the body</div>
</div>
</body>
</html>