我在HTML中具有以下代码：
<!DOCTYPE html>
<html>
<head>
<title>test</title>
<style>
.left {
width: 30px;
background-color: green;
}
.right {
background-color: red;
width: 30px;
}
</style>
</head>
<body>
<div class="left">Text</div>
<div class="right">Text</div>
</body>
</html>
红色div出现在绿色div的正下方，但是我要这样做，以使红色div直接在绿色div的右侧-我该怎么做？添加float：right css属性不起作用，因为它移至页面的另一侧。
由于您没有提到页面其余部分的外观，最简单的解决方案是将div浮动到左侧。