| <!DOCTYPE html> |
| <style> |
| div > div { |
| font: 20px/1 Ahem; |
| width: 4ch; |
| border: solid 5px blue; |
| display: inline-block; |
| vertical-align: top; |
| } |
| .left > div { |
| text-align: left; |
| } |
| .center > div { |
| text-align: center; |
| } |
| .right > div { |
| text-align: right; |
| } |
| img { |
| width: 50px; |
| height: 40px; |
| } |
| </style> |
| <div class="left"> |
| <div>aa aa aa aa</div> |
| <div><img src="resources/greenbox.png"><img src="resources/greenbox.png"><img src="resources/greenbox.png"><img src="resources/greenbox.png"></div> |
| <div><img src="resources/greenbox.png"><img src="resources/greenbox.png"><img src="resources/greenbox.png"><img src="resources/greenbox.png"></div> |
| <div><img src="resources/greenbox.png"><img src="resources/greenbox.png"><img src="resources/greenbox.png"><img src="resources/greenbox.png"></div> |
| </div> |
| <div class="center"> |
| <div>aa aa aa aa</div> |
| <div><img src="resources/greenbox.png"><img src="resources/greenbox.png"><img src="resources/greenbox.png"><img src="resources/greenbox.png"></div> |
| <div><img src="resources/greenbox.png"><img src="resources/greenbox.png"><img src="resources/greenbox.png"><img src="resources/greenbox.png"></div> |
| <div><img src="resources/greenbox.png"><img src="resources/greenbox.png"><img src="resources/greenbox.png"><img src="resources/greenbox.png"></div> |
| </div> |
| <div class="right"> |
| <div>aa aa aa aa</div> |
| <div><img src="resources/greenbox.png"><img src="resources/greenbox.png"><img src="resources/greenbox.png"><img src="resources/greenbox.png"></div> |
| <div><img src="resources/greenbox.png"><img src="resources/greenbox.png"><img src="resources/greenbox.png"><img src="resources/greenbox.png"></div> |
| <div><img src="resources/greenbox.png"><img src="resources/greenbox.png"><img src="resources/greenbox.png"><img src="resources/greenbox.png"></div> |
| </div> |