Different titles, same line?

Question

How would I make this;
R
Y
A
N

Go on the same line using css?
The HTML is;

<h1 class=“r">R</h1>
<h1 class=“y">Y</h1>
<h1 class=“a">A</h1>
<h1 class=“n">N</h1>
How can I get it on the same line?

Answer 1

D'lite thank you :)

Answer 2

Get me a link to this code

Answer 3

inline works just fine
https://code.sololearn.com/Wsc2YWNV30KB/?ref=app

Answer 4

D'lite i was coding on a diffrent platform,

Answer 5

Alright

Answer 6

The correct way is

h1 {
display:inline;
}

Answer 7

using CSS ::

Ryan Sullivan (Suvan)
h1{
display:inline;
}

Answer 8

D'lite i just tested it, it has no effect

Answer 9

ok

Answer 10

D'lite
https://code.sololearn.com/WcuPkTv79kOx/?ref=app

Answer 11

D'lite its all good its h1{
display: inline-block;
}