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

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

introducir la descripción de la imagen aquí introducir la descripción de la imagen aquí

    <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>
    
<!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>

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

Me¿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

Llevo horas probando cosas en algo fallo :(

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

introducir la descripción de la imagen aquí

    <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>
    

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

¿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>

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 :(

se añadieron 98 caracteres en el cuerpo
Origen Enlace
user314894
user314894

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>
    
/* 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
    <!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

introducir la descripción de la imagen aquí

    <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
se añadieron 1120 caracteres en el cuerpo
Origen Enlace
user314894
user314894
    <!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>
            </head>div>
        </div>
<body>
        <div class="post">class="post-image">
            <img src="https://i.pinimg.com/736x/c2/4f/46/c24f4667c9fcca6d1dad8ded5dcc6fc4--blog-html.jpg">
        </div>
        <div class="post-header">body">
            <div class="icons">
                <div>
                    <i class="fa-brandsregular fa-html5"><heart"></i>
            <        <i class="fa-regular fa-comment"></div>i>
            <div class="container">       <i class="fa-regular fa-paper-plane"></*i>
 Aqui es el asunto, necesito que esto quede mas a la derecha como en la imagen *   <i class="fa-regular fa-bookmark"></i>
                <h3>HTML5<</h3>div>
                <p>Rigoberto<<div class="texto">
                    <p>text</p>

                </div>
            </div>
        </div>

    </div>
    

Debe quedarQuiero mover un bloque div hacia la derecha y así quede como en la imagen, ya probe.

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

Llevo horas probando cosas en algo fallo :(Me faltara alguna propiedad? Noto que no he usado width, height, padding, color. Soy nuevito genteee aclaro

Necesito hacerlo como en la imagen

Llevo horas probando cosas en algo fallo :(
    
    



  [1]: https://i.sstatic.net/luJDE.jpg
<!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>

Debe quedar como en la imagen, ya probe position: relative; También text-align.. Qué más podría intentar hacer?

Llevo horas probando cosas en algo fallo :(

Necesito hacerlo como en la imagen

    <!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
se eliminaron 45 caracteres en el cuerpo
Origen Enlace
fredyfx
  • 13.2k
  • 11
  • 33
  • 65
Loading
Origen Enlace
user314894
user314894
Loading