“Creating fancy letterheaded paper” assessment - Would like to add some content

MDN Learn
#1

I really wanted to add some content below the header, but, it’s hard. It overflows and more so the address moves away from the article :frowning:

#2

Hi there @muhammadtahsinamin!

The trouble with this example is that it is using positioning to get elements like the logo and the address to sit in the place we want. So you’d also have to use some kind of technique to get the body text to behave in the same sort of way.

I had a quick play, and found that something like this worked:

<section class="body-text">
  <p>Some content</p>
  <p>Some content</p>
  <p>Some content</p>
</section>

.body-text {
  position: absolute;
  top: 62mm;
  left: 20mm;
}

Feel free to play with the values to get it sitting how you want.

In a real web page, you’d probably not use millimeter values, but I did in this example as I was thinking of the printed page.

1 Like