Skip to main content
5 de 5
se eliminaron 147 caracteres en el cuerpo; título editado
Israel-ICM
  • 3.6k
  • 25
  • 20
  • 26

¿Cómo mover el div que tiene el h3 y el párrafo mas a al derecha?

introducir la descripción de la imagen aquí

<!DOCTYPE html>
<html lang="en">
<head>
    <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>
    <link rel="stylesheets" type="text/css" href="styles.css">
    <script src="https://kit.fontawesome.com/d57b664376.js" crossorigin="anonymous"></script>

</head>

<body>
    <div class="post">
        <div class="post-header">
            <div>
                <i class="fa-brands fa-html5"></i>
            </div>
            <div class="container"> /* Aqui es el asunto, necesito que esto quede mas a la derecha como en la imagen */
                <h3>HTML5</h3>
                <p>Rigoberto</p>
            </div>


<div class="container3">
            <i class="fa-solid fa-ellipsis-vertical"></i>
        </div>
    </div>

    <div class="post-image">
        <img src="https://i.pinimg.com/736x/c2/4f/46/c24f4667c9fcca6d1dad8ded5dcc6fc4--blog-html.jpg">
    </div>
    <div class="post-body">
        <div class="icons">
            <div>
                <i class="fa-regular fa-heart"></i>
                <i class="fa-regular fa-comment"></i>
                <i class="fa-regular fa-paper-plane"></i>
                <i class="fa-regular fa-bookmark"></i>
            </div>
            <div class="texto">
                <p>text</p>
            </div>
        </div>
    </div>
</div>

Quiero mover un bloque div hacia la derecha y así quede como en la imagen.

Ya probé position: relative; también text-align.. ¿Qué más podría intentar hacer?

¿Me faltara alguna propiedad? Noto que no he usado width, height, padding, color.

Llevo horas probando cosas en algo fallo :(

user314894