How to display float box and content inside parent box as a container with CSS and HTML

Learn & Practice Python at LearnPython.com

93 views

asked May 17, 2024 by avibootz
edited May 17, 2024 by avibootz

Share on

share on gp share on fb share on tw share on li share on re share via email

1 Answer

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" href="style.css" />
  <title>Browser</title>
</head>
<div class="box">
  <div class="float">float box</div>
  <p>content inside the container</p>
</div>
</body>
</html>

.box {
  background-color: rgb(145, 205, 239);
  border: 2px solid purple;
  display: flow-root;
}

.float {
  float: left;
  width: 200px;
  height: 150px;
  background-color: white;
  border: 1px solid black;
  padding: 10px;
}

Learn SQL from A to Z at LearnSQL.com

answered May 17, 2024 by avibootz

Most popular tags

How to display float box and content inside parent box as a container with CSS and HTML

1 Answer

Related questions