Hi, welcome to the community.
I edited your post so that we can correctly see the snippet of HTML you posted.
You might find the MDN documentation about “inline” vs “block” elements in HTML useful reading as it explains why you’re seeing the extra
<p> element break onto a new line, rather than staying in the original line and simply applying styling.
Also by this point I believe, though please do correct me if I’m mistaken, you have been introduced to CSS class selectors.
With Dasmoto, and with CSS in general imho, you’re much better off using a class selector in your CSS than directly styling individual elements. If nothing else, this makes the styling re-usable and if you want to change anything you make changes in one place; using the
style attribute of the element means you would need to change every instance which can quickly become a challenge as you work on larger projects.
As an example:
/* css_file.css */
<!-- html ->
<p>Made of the highest quality oak. Hacksaw brushes are known for their weight and ability to hold paint in large amounts. Available in different sizes. <span class="my-price-class">Starting at $3.00 / brush.</span></p>