How can we align text horizontally using css?

We have some text in vertically align in html output:

Test 1 
Test 2 
Test 3 
Test 4 

Now we would like these text horizontally align using css :

Test 1 Test 2 Test 3 Test 4

Is there any way to do this using css ?

Updated :

<div class="horizontal">
<div>Test 1</div>
<div>Test 2</div>
<div>Test 3</div>
<div>Test 4</div>
</div>

>Solution :

you can also use display: inline-block to all div inside container

.horizontal div {
  display: inline-block;
}

<div class="horizontal">
<div>Test 1</div>
<div>Test 2</div>
<div>Test 3</div>
<div>Test 4</div>
</div>