html - How to place 3 different paragraphs next to each other? -

html - How to place 3 different paragraphs next to each other? -

in footer want create 3 different sections of paragraphs-at left, middle , right. 3 paragraphs should sit down next each other, not below each other.

this how trying do, failed figure out.

<footer> <div id="footer_box"> <p id="footer_text_left"> should sit down @ left. </p> <p id="footer_text_middle"> should sit down in middle. </p> <p id="footer_text_right"> should sit down @ right. </p> </div> </footer>

.css:

#footer_box{ border-top:2px solid #009933; padding-bottom:75px; background-color:#3366cc; } #footer_text_left{ font-size:15px; color:black; font-family:euphemia; } #footer_text_middle{ font-size:15px; color:black; font-family:euphemia; } #footer_text_right{ font-size:15px; font-family:euphemia; color:black; }

first option:

p { float: left; }

second option:

p { float: left; width: 30%; margin: 0 1%; }

third alternative (best):

p { display: inline-block; }

another thing saw every paragraph had same rules, set font properties on body or global paragraph won't need set on everything.

that this:

body { font-size:15px; font-family:euphemia; color:black; }

or if want on footer paragraphs:

footer p { font-size:15px; font-family:euphemia; color:black; }

html css