dimanche 31 janvier 2021

How to place multiple lines of text right to image

HTML: https://pastebin.com/ALpLGdLt

CSS: https://pastebin.com/nDn8V9dj

I want to place multiple lines of text right to image, as in the picture below.

this

Please, help.

<html>
<head>
    <title>Профиль - RPGrad.Online</title>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="style.css">
    <link rel = "stylesheet" href="Main_Font.ttf">
</head>
<body>
    <div id="profile">
        <br>&nbsp;&nbsp;&nbsp;<img id="avatar" src="Image/Standart_Avatar.png">
        <name id = "name" >farkon</name>
        <emp class = "money">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;44</emp>
        <img class = "moneyimg" src="Image/money.png">
    </div>
    <br><br><br><div id="my_bills">
        <div class="bill">
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="Image/money.png" class="bill_icon" align="top"> 
                <name class="bill_name">Счёт Farkon'а</name> 
                <br><emp class = "money">20</emp>
                <img class = "moneyimg" src="Image/money.png">
        </div>
        <div class="bill">
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="Image/money.png" class="bill_icon" align="top">
            <name class="bill_name">Казна UseFul Town</name>
        </div>
    </div>
</body>
</html>```



Aucun commentaire:

Enregistrer un commentaire