Imporvements

[tiborsaas]

Hello Brenna,

I'm loving this nifty tool. I've noticed some improvements for the image version.

Problem one: if the hexagon's parent is set to text-center, then the images will be messed up:

Simply add text-align: left; to the main hexagon element.

2. This was more tricky:

Those edges got me annoyed, but I fear no CSS. The solution is to displace the bg image, so it won't bleed through :)

Add this to hexTop, hexBottom.

background-position: -250% -250%;
background-repeat: no-repeat;

I could send a pull request.

[brenna]

Ah, yes, the text align is a great idea, please PR.

Can you make the background positioning PR separately? I'd like to see it's impact across different sizes/browsers etc.

[tiborsaas]

NP, I'll send them after I'm done with this project.