How to make span and p elements in 1 line

HTML-CSS
1

Well, im novice and have probably the most common que, “how to center that”. i want to make 2 spans and that p line in 1 line.
image
, im rly sorry, if that question is enough stupid, but i don’t really understand how it works.

Codepen

2 

span {
    display: inline-block;
    margin-right: 10px; /* Adjust the margin as needed */
}

@Player

3

well, it did nothing, sorry

4

Hello!

Could you specify which parts of the UI/text/numbers you want to display in a row? I see more than two spans and one paragraph in the code block.

Like that?
row

6

Hello! Smth like that
image

7

Easy:

  • wrap the spans in a div, this will put them in one line
  • give the div a class and add top and bottom margin
1 Like
8

Thank you very much!

9

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.