<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="robots" content="noindex, follow">
<title>Margin y Padding</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet">
<style>
.col-4 {
border: 1px solid black
}
</style>
</head>
<body>
<p>La fila tiene padding</p>
<div class="container">
<div class="row pt-1 pe-2 pb-3 ps-4 bg-primary text-white">
<div class="col-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor consequuntur hic neque,
facere temporibus vitae eos ex modi. Iste optio nemo dolorum mollitia, distinctio aliquam odio dolores
laudantium culpa vel.</div>
<div class="col-4">
<div class="mt-1 me-2 mb-3 ms-4 bg-secondary text-white">Este contenido tiene margin</div>
</div>
<div class="col-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero mollitia tempore repellat
dolor dolores consequatur, officiis quisquam odit nostrum, eligendi error ex recusandae. Consequuntur
provident numquam dolore explicabo quis saepe.</div>
</div>
</div>
</body>
</html>