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