# My paragraph '\<p\> \</p\>' is not uder the sketch

**URL:** <https://discourse.processing.org/t/my-paragraph-p-p-is-not-uder-the-sketch/10408>\
**Category:** Coding Questions\
**Created:** [April 17, 2019, 7:41pm UTC](https://discourse.processing.org/t/my-paragraph-p-p-is-not-uder-the-sketch/10408 "2019-04-17T19:41:00Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sky](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/sky/32/3013_2.png) [@Sky](https://discourse.processing.org/u/Sky)\
**Post date:** [April 17, 2019, 7:41pm UTC](https://discourse.processing.org/t/my-paragraph-p-p-is-not-uder-the-sketch/10408/1 "2019-04-17T19:41:01Z")

</div>

```auto
<body>
    <h1>Hello World!</h1>
    <script src="sketch.js"></script>
    <p>I should be under the sketch</p>
  </body>

```

![image](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/b/be9acbee7a8eb902ebbca6f2cfe24afb5bae83aa.png)  
(it is not under the sketch)  
How does this exactly work?

---

<div class="post-metadata">

**Author:** ![GoToLoop](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/gotoloop/32/86_2.png) [@GoToLoop](https://discourse.processing.org/u/GoToLoop)\
**Post date:** [April 17, 2019, 8:04pm UTC](https://discourse.processing.org/t/my-paragraph-p-p-is-not-uder-the-sketch/10408/2 "2019-04-17T20:04:47Z")

</div>

Anything inside an HTML doc is processed before p5js is started and its main `<canvas>` created. 🖼

If you want a `<p>` tag after p5js’ `<canvas>`, use p5::**createP()**: 💡  
[p5js.org/reference/#/p5/createP](http://p5js.org/reference/#/p5/createP)