Skip to main content
3 de 5
se añadieron 1120 caracteres en el cuerpo
user avatar
user avatar

Buenas noches. Podrían explicarme como mover el div que tiene el h3 y el párrafo mas a al derecha? Gracias de antemano

    <!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>
    
/* Aqui es el asunto, necesito que esto quede mas a la derecha como en la imagen */

HTML5

Rigoberto

<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. Soy nuevito genteee aclaro

Llevo horas probando cosas en algo fallo :(
    
    



  [1]: https://i.sstatic.net/luJDE.jpg
user314894