Remove the `0` after `40px` in padding and encase your heading with a <h3> or <h4> tag.
Here's my version:
<style>
.ungdomsutvalgsleder {
background-color:rgba(210,63,59,0.6);
vertical-align: middle;
padding:40px;
}
</style>
<div class="ungdomsutvalgsleder">
<h3>Ungdomsutvalgsleder</h3>
<p>
Navn: Ola Normann
<br>
Tlf: +47 ** *** ***
<br>
E-post: example@example.com
</p>
</div>
I don't have much experience with Squarespace's editor. But if you have the ability to, move the contents of the <style> tag into a CSS file for some cleaner markup.