That is kind of what you want, but now it would be nice if the flavor and price were on the same line. p elements are block-levelelements, so they take up the entire width of their parent element.
To get them on the same line, you need to apply some styling to the p elements so they behave more like inline elements. To do that, start by adding a class attribute with the value item to the first article element under the Coffee heading.
The best way to ask for help is to use the Help button in the step itself. That way it will include both a link to the step and your current code. But since you are already past that point, please paste your code in here using the following method so we can see what you have done. Also, you don’t need to paste the instructions in here. We can go to the step and read them if we need to. But you should tell us what you don’t understand about the instructions so we have a better idea of how to help you.
To display your code in here you need to wrap it in triple back ticks. On a line by itself type three back ticks. Then on the first line below the three back ticks paste in your code. Then below your code on a new line type three more back ticks. The back tick on my keyboard is in the upper left just above the Tab key and below the Esc key. You may also be able to use Ctrl+e to automatically give you the triple back ticks while you are typing in the this editor and the cursor is on a line by itself. Alternatively, with the cursor on a line by itself, you can use the </> button above the editor to add the triple back ticks.
French Vanilla
3.00
<h2>Coffee</h2>
<article>
<p class="coffee"></p>
<p class="flavor">French Vanilla</p>
<p class="price">3.00</p>
</article>
I add new class
I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.
You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.
See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').
I don’t think the instructions asked you to add this p element.
“…start by adding a class attribute with the value item to the first article element under the Coffee heading.”
This is the only thing that you should do.
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.
