How can I make 2 different paragraphs on the same line?

Question

Recently I have been attempting to create a loading animation, and in order to do so I wanted to have multiple paragraph IDs of this text symbol "|" to make it look cool. If I do this:
<p id = "test1"> | </p>
<p id = "test2"> | </p>
It puts the "bars" on different lines. Is there any way that I can put them on the same line?

Answer 1

<p> whenever closed should take you to new line
so whether to include <span> or create a list for that
GOOD LUCK

Answer 2

Yes, use <span id="test1">|</span> and for the other one as it is an "inline element" and won't line break.

Answer 3

Thank you guys so much for the help!

Answer 4

Sorry if my explanation is a bit confusing 😂

Answer 5

Is it possible to change css components with getElementById?

Answer 6

that right @Mark

Answer 7

thats because the <p> tag is supposed to do that

I would recommend you to try it with something like using a table

or you use CSS and do somethng like:

p
{
float : left;
}

it is my first impression how to solve this, so it is possible that I am wrong

Answer 8

yes you can use JavaScript or CSS in CSS just usw #yourid{

}

for JS I cannot tell how but it is possible