How to align 3 paragraphs horizontally in a row?

Answer 1

<table> isn't a good solution, as it's break semanticals meanings ^^

You can workaround with other element on which you apply css display property of table family elements, but you can also use 'float' set to 'left' or 'right' to your 3 <p> with setting explicit width (need to sum be less or equal to available parent width ^^)

Answer 2

Show your code: we will try to fix it ;)

Answer 3

As suggested by @4rontender, you can use the powerfull new Html5 'flexbox' display... but I will not advice for 'grid layout' wich is lesser supported actually (this will grown quickly) than 'flexbox'.

Anyway, this two display box system need workarounds if you need/want to support oldest browsers versions ;)

Answer 4

i used even float and align tags but it doesn't working?

Answer 5

A table would be a good solution to this. All you need is one row and three columns. The markup looks like this:
<table>
<tr>
<td><p></p></td>
<td><p></p></td>
<td><p></p></td>
</tr>
</table>

Tables are always a good thing to keep in mind when you are working with positioning and alignment! I hope this helps!

~Erik Johanson

Answer 6

that's good, but table border will be visible?

Answer 7

Use "flexbox" or "grid layout". In internet there are many articles about it.

Answer 8

@4rontender: can you provide some links, so? ;)

Answer 9

@visph I can advice to read articles of R.Andrew about grid layout. She is right

Answer 10

@visph Simply google her name + css grid layout. I don't remember exact sources