CSS实现两个元素同行水平居中并一左一右的一种方法

HTML部分

<div class="h2-button">
	<h2>合同广告执行明细</h2>
	<el-button type="primary" icon="el-icon-download" size="small">下载报表</el-button>
</div>

CSS部分

.h2-button {
	display: flex;
	align-items: center;
	margin: 5px 0px;
	h2 {
		width: 100%;
		}
	button {
		width: auto;
		}
}

额外记录一下，div的宽度也要充满容器

效果图