HTML & CSS CSS| How Can I Make a Space Smaller

[meterobben]

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>xxxxxxxx</title>
    <link rel="stylesheet" type="text/css" href="css\indexstyle.css">
</head>
<body>
   <div class="giris">
    xxxxxxxx xxxxxxxx 
    <img class="giris2" src="img\portekizforma1.jpg" width="337,5" height="225,75"> <p class="resiminyanındaki"> xxxxxxx xx xxxx xxxx <br>
    xxxxxxx      </p>

</div>
</body>
</html>

div.giris {
    width: 1200px;
    height: 340px;
    font-family: cursive;
    background-color: #032940;
    margin: auto;
    color: red;
    text-align: center;
    line-height: 75px;
    border-radius: 20px;
    font-size: 50px;
    border: 1px solid black;
}

img.giris2 {
    margin: 1px 1022px 12px 1px ;
}

p.resiminyanindaki {
    margin: 1px    1px 1000px 12px ;
}

I want to take X's to blue place.

 

[simong1993]

How about this :- https://codepen.io/Simong93/pen/OJjrpZL
What i have done here is put your text in one container and your image in another, i have then put your image to 20% width, your text to 80% width and floated them both to the left 🙂