div里如何设置间距

一个父级div里有一个子div，子div里左边☜是图片，右边☞是文字。怎么让图片和字体中间有间距

img

用margin
margin-left:10px;或者margin-right:10px

display:inline-block；vertical-align:middle给div设置这个即可


<!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>
    <style>
        img {
            display: inline-block;
            vertical-align: top;
        }
        .word {
            margin-left: 10px;
            display: inline-block;
            vertical-align: top;
            width: 160px;
        }
    </style>
</head>
<body>
    <div>
        <div>
            <img src="./logo.png" style="width: 100px; height: 200px">
            <span class="word">
                时空管理局升职日记<br>
                                                              作者:萧红桃<br>
                                                              穿越者之子的身份，让愉
                                                              轻易得获得了进入时空的管
                                                              理局工作的机会，薪高粮
                                                              准福利高以及去个时空
            </span>
        </div>
    </div>
</body>
</html>

在子div上设置style="display: flex;justify-content: space-around"

你可以给图片一个右边距为10px,margin-right: 10px;或者是给文字一个左边距，margin-left: 10px;