[RbnJrg]

This solution (with partial use of SVG) also works in ADE:

In the stylesheet:

html {
    height: 100%; /* very important */
    margin: 0;
}

body {
    height: 100%;  /* very important */
    margin: 0;
}

.container {
    height: 25%;
    width: 80%;
    text-indent: 0;
    text-align: center;
    margin: 0 10%;  
    background: url("../Images/Image1.svg") center center no-repeat;
    background-size: contain;
    border: 2px solid blue;
}

In the .html file:

<div class="container">
    &nbsp;
</div>

As Image1.svg file:

<svg 
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   version="1.1"
   width="600"
   height="200"
   id="svg3010">
  <text x="300" y="130" text-anchor="middle" fill="red" style="font-size: 100px; font-weight: bold">This is a title</text>
</svg>

This is as it looks in ADE:



Regards
Rubén