求html好心人士指点迷津

img

img


编写日期时间居中的代码不好使，求好心人士指点迷津
已用红线标出，谢谢🙏

你的div有宽度么

span是行内标签，不能设置宽高，它的宽就是字体的宽，你怎么center都是不变的啊。你既然用了浮动，那你 这里也用浮动咯<span style="float:left>关键词:<ahref="#">新闻  https://ask.csdn.net/questions/7745211#，这样不就居中了

把span写为块级元素，定宽高，在加居中
若对你有帮助，可以关注一下我哦⊙∀⊙！
以后有什么问题可以私信给我

要达到什么效果 没看懂

给p标签加上text-align:center;第一个span加一个float:left就可以了

 <p style="text-align: center">
            <span style="float: left;">关键词:<a href="#">新闻</a>&nbsp;&nbsp;<a href="#">科技</a></span>
            <span>2022-06-19 02:00:00</span>
            <span style="float:right">
                <img src="" alt="">评论
                <img src="" alt="">评论
            </span>
        </P>

span是行内块，宽度如果不设置，会跟随内容变化而变化，想要居中有三种解决方式：
1.给span一个确定的高度，width:100%;text-align:center
2.改变span的display，让它变成行元素，display：inline；text-align:center
3.改变span的display，让它变成块元素，display：block；margin： 0 auto；
具体的细节需要根据实际情况调整