| <!DOCTYPE html> |
| <html> |
| <!-- |
| | The 'text-align' property describes how inline-level content of a block |
| | container is aligned. |
| | https://www.w3.org/TR/CSS21/text.html#propdef-text-align |
| --> |
| <head> |
| <style> |
| body { |
| width: 200px; |
| font-size: 15px; |
| color: #FFF; |
| } |
| |
| div.bluebg { |
| background: #2020F0; |
| } |
| div.greybg { |
| background: #B0B0B0; |
| } |
| |
| div.left { |
| text-align: left; |
| } |
| div.center { |
| text-align: center; |
| } |
| div.right { |
| text-align: right; |
| } |
| </style> |
| </head> |
| <body> |
| <div class="bluebg left">xxx</div> |
| <div class="greybg center">xxx</div> |
| <div class="bluebg right">xxx</div> |
| </body> |
| </html> |