控制文字位置请各位提示

问题遇到的现象和发生背景

在span标签中控制不了文字位置

    #font{
                font-size: 12px;
                margin-right:230px;
                display:block;
                
            }
            
        </style>
    </head>
    <body>
        <div id="outer">
            <div id="div1">
                <img src="img/logo.png"  />
                <span id="font">
                    您好，欢迎光临一号店！
                </span>
问题相关代码，请勿粘贴截图
运行结果及报错内容
我的解答思路和尝试过的方法
我想要达到的结果

将文字“您好，欢迎光临一号店”放到div的右上角靠左边

给父元素设置position: relative;
span设置position: absolute; 用right：230px；

img