<!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. Soy nuevito genteee aclaro Llevo horas probando cosas en algo fallo :( [1]: https://i.sstatic.net/luJDE.jpg