一个超链接标签（a)和一个h2标签在一个div盒子里为什么在不能同一行

今天做了一个案例，我设置了一个div标签，在里面设置了一个h2标签和a标签，这个div是嵌套在一个总的div标签的，且body和h2等标签都设置了全局控制，但是我发现那个小的div标签里h2和a标签始终不能在同一行（我要的效果是在这个小盒子里右边是a标签，左边是h2标签），但是a标签一直都是在h2标签的下面，怎么也到不了h2的同一行，人都麻了，div的高度和宽度也够啊，求各位大佬解答！！！！

h2标签是独占一行的，你可以把它的display改为行内块试试，

H2是块级元素，改下属性

把h2标签转为行内元素display:inline

给h2加上display：inline-block;

h2表现是块级元素，a标签是内联元素，不设置css不会在同一排的
实现的效果是同一排两边对齐，建议使用flex布局

.box{
            width: 150px;
            height: 100px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }




<div class="box">
    <h2>h2</h2>
    <a>a</a>
</div>

设置display:inline–block
或者把父元素设置display:flex

如有帮助，望采纳^O^谢谢