Text field inside  tags falls below it I've created a custom twig template in which I'm placing a text field inside a  tag like so:

&lt;p&gt;{{ content.field_sample_text }}&lt;/p&gt;


It renders the content of that field just fine but when I inspect it, it seems to create a new div below the  tag and places its contents in that div like so: 

&lt;p&gt;&lt;/p&gt;
&lt;div&gt;
  Content of the field
&lt;/div&gt;
&lt;p&gt;&lt;/p&gt;


There's an extra p tag at the end as well which is also confusing. How can I ensure that my text field renders inside the original p tag as intended so that I can style it properly?
If you are using Stable like theme you can see that the field is wrapped around a div tag.
You can rewrite field.html.twig with your theme suggestions and edit the markup.