#how should i move my image

8 messages · Page 1 of 1 (latest)

steel knoll
#

hi how i cant move the image please help me
<!DOCTYPE html>
<html lang="fa" dir="rtl" class="dark-theme" style="color-scheme: dark;">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bloody Community</title>
<link rel="stylesheet" href="style.css">
</head>

    <body>
        <div class="navbar-logo animate__animated animate__fadeIn">
            <span>Bloody</span>
            Community
        </div>
        <div class="wrapper"></div>
        <!--img class="img-host" src="minecraft.png" alt="host"-->
        <div class="img-host"></div>

        <header class="header">
            <a class="logo" href="#"><div class="navbar-logo animate__animated animate__fadeIn"><span>Bloody</span>Commuinty</div></a>
            <nav class="navbar">
                <a href="#">خانه</a>
                <a href="#">گیم مود ها</a>
                <a href="#">درباره ما</a>
            </nav>
        </header>

    </body>

</html>
css:
.img-host{
width: 480px;
height: 700px;
background-image: url(minecraft.png);
background-size: 100%;
background-repeat: no-repeat;
margin: auto 5px;
float: left;
}

#

i want to move the image to this postion

tropic gust
#

Remove the comment

muted hemlock
#

Your HTML Code

<html lang="fa" dir="rtl" class="dark-theme" style="color-scheme: dark;">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Bloody Community</title>
        <link rel="stylesheet" href="style.css">
    </head>
   
        <body>
            <div class="navbar-logo animate__animated animate__fadeIn">
                <span>Bloody</span>
                Community
            </div>
            <div class="wrapper"></div>
            <img class="img-host" src="minicraft.png" alt="host"-->
            <header class="header">
                <a class="logo" href="#"><div class="navbar-logo animate__animated animate__fadeIn"><span>Bloody</span>Commuinty</div></a>
                <nav class="navbar">
                    <a href="#">خانه</a>
                    <a href="#">گیم مود ها</a>
                    <a href="#">درباره ما</a>
                </nav>
            </header>

        </body>
</html>```


**Your CSS Code**
```.img-host{
width: 480px;
height: 700px;
background-image: url(minecraft.png);
background-size: 100%;
background-repeat: no-repeat;
margin: 50px;
float: left;
}```
muted hemlock
steel knoll