I have these badges in my Github repo:
How can I make them align to left (the 2 above) and to right the one under?
They are in the format 
- Can you be more clear about what you're trying to do? "align to left (the 2 above) and to right the one under" is very hard to understand.Chris– Chris2014-03-31 20:53:47 +00:00Commented Mar 31, 2014 at 20:53
- @Chris, there are 3 badges in the image above. 2 on top, same size each, and the large one with many browsers. I would like to one under (that has 5 browsers) align/float to the right of the other two.Rikard– Rikard2014-04-01 21:25:53 +00:00Commented Apr 1, 2014 at 21:25
Add a comment |
1 Answer
One way would be to use html table (since markdown table in GFM doesn't support merged cell)
this, for instance, seems to align the pictures properly within a README.md file.
<table > <tr> <td align="left"><img src="http://icons.iconarchive.com/icons/iconka/cat-commerce/48/add-icon.png"/></td> <td align="right"><img src="http://icons.iconarchive.com/icons/iconka/cat-commerce/48/info-icon.png"/></td> </tr> <tr> <td colspan="2"><img src="http://icons.iconarchive.com/icons/shwz/disney/512/pumbaa-icon.png"/></td> </tr> </table> Result:
In your case:
<table> <tr > <td><img src="https://api.travis-ci.org/axemclion/grunt-saucelabs.png?branch=master"/></td> <td align="right"><img src="https://saucelabs.com/buildstatus/grunt-sauce"/></td> </tr> <tr> <td colspan="2"><img src="https://saucelabs.com/browser-matrix/grunt-sauce.svg"/></td> </tr> </table> Which gives:
4 Comments
Rikard
+1 for nice images and a solution that does work with <img> tags. Still I can't get it to work with those badges. Here is a markdown example similar to mine
VonC
@Rikard Strange: That seems to work just fine in my
README.md: see the markup I used to display your build status pictures in my extended and revised answer.Rikard
Ok, got It! Apparently it doesn't work with the markdown format:
 but both SauceLabs and Travis have also the option of "good old" HTML. So, thanks for the answer!VonC
@Rikard I agree. I tried with markdown first, but couldn't get it to work. I fell back to HTML.