impedir cabeçalho de ser afetado

Olá pessoal Direto ao ponto. A imagem abaixo tem EX1 e EX2 . Como fazer o código imprimir o mesmo resultado que o EX2 ?  Obrigado !

<style>
*{ margin:0; padding:0;}

.divprincipal{
	display: flex;
	flex-wrap:wrap;
	align-items: center;

	padding:10px;
	border:1px solid black;
	}

.aprendiz{ width:300px; margin-left:20px; border:1px solid black; }

h1{

 width:100%;
 display:block;

	}

b{

	font-weight:normal;
	margin-bottom:8px;
	line-height:24px;
	display:block;
	border:1px solid black;
	}

</style>

<div class="divprincipal">

<div class="aprendiz">

<h1>cabeçalho A</h1>
<b> s simply dummy text of the printing

and typesetting industry. Lorem
has been the industry’s standard
text ever sinn printer took a galley

of type and scrambled it to make a </b>
</div>

<div class="aprendiz">

<h1 >cabeçalho B</h1>

<b>s simply dummy text of the printing </b>

</div>

</div>

	 

	![imagem](https://forum.imasters.com.br/monthly_2021_10/0000forum.png.dd9a68d350443c57b563ac013db868e2.png)