CSS 图片与文字垂直居中对齐，文字超出需换行，并从图片底部开始排列

效果图：

html：

<div class="title-box">
		<div class="title-content">
				<span class="title-tag">
						123
				</span>
				<img class="icon" src="/static/images/work/repairicon.png" >
				1. 测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试
		</div>
</div>

css：

.title-box {
		padding-bottom: 14px;
		border-bottom: 0.5px solid #f1f4fa;
		font-size: 16px;
		color: #333333;
		font-weight: 550;
		display: flex;
		align-items: center;
		justify-content: space-between;
		.title-content {
			max-width: 315px;
			.title-tag {
				font-size: 12px;
				border-radius: 2px;
				padding: 3px 4px;
				text-align: center;
				height: 20px;
				line-height: 20px;
				margin-right: 5px;
				letter-spacing: 1px;
				font-weight: 400;
				background: #eeeeee;
				color: #999999;
				}
				.icon {
					width: 20px;
					height: 20px;
					margin-right: 5px;
					vertical-align: text-bottom;
				}
			}
		}