How to change the layout of menu sections in a row?

Question

css

Menu

• Section 1
  
• Section 2
  
• Section 3
  
• Section 4
  

Answer 1

A dry answer to a dry question:

<nav class="prost"> 
  <a href="http://indexru.html"     rel="nofollow">Раздел 1</a>&nbsp;
  <a href="http://uslugi.html"      rel="nofollow">Раздел 2</a>&nbsp;
  <a href="http://kontaktru.html"   rel="nofollow">Раздел 3</a>&nbsp;
  <a href="http://about.html"       rel="nofollow">Раздел 4</a>&nbsp;
</nav>

and this is working. Here is a little css to it for a change:

.prost{
       margin: 1px; 
       padding: 8px; 
       text-align: center; 
       background: rgba(150, 200, 210, .8); 
      }