[Solved] How do I create container with checkbox inside for each product [closed]

by


I made something based on your request. the content written inside the box was written inside a ‘p’ tag(paragraph). just so that you can have an idea.
but you can delete that paragraph and what ever type of content you want.
here is the html and CSS code.

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

<head>
    <link rel="stylesheet" href="style.css">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div class="outerbox">
        <input type="checkbox" class="checkbox">
        <p class="content">jvc200123 <br>Acme <br>1.00 $<br>size:700 MB</p>
    </div>

</body>

</html>

    
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.outerbox {
  width: 150px;
  height: 150px;
  border: 2px solid grey;
  margin: 20px;
  border-radius: 5px;
}

.checkbox {
  margin: 10px;
  transform: scale(1.5);
}

.content {
  margin: 10px 25px;
  font-family: sans-serif;
}

6

solved How do I create container with checkbox inside for each product [closed]