如何让div标签直接出现在前一个div标签的右侧
我有以下 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 属性不起作用，因为它会转到页面的另一侧。
收到一只叮咚浏览 103回答 1
1回答
-
守候你守候我
.left { float: left; width: 30px; background-color: green;}.right { float: right; background-color: red; width: 30px;} <div class="left">Text</div> <div class="right">Text</div>你必须使用浮动来实现这一点<!DOCTYPE html><html><head> <title>test</title> <style> .left { float: left; width: 30px; background-color: green; } .right { float: right; background-color: red; width: 30px; } </style></head><body> <div class="left">Text</div> <div class="right">Text</div></body></html>
随时随地看视频慕课网APP
相关分类
Html5