I am using an icon font on my website, but I am having difficult getting each glyph in the centre of a circular div. I have given each glyph an individual line-height but this also alters the position of the whole div.
Any ideas how to best position these? My site can be found here (the icons are inside three circles underneath the thumbnails). Thanks in advance!
To centre the text in a div for use like that you just have to make sure all your numbers work out.
Ideally, your div height and text line-heights should be the same. The divs height and widths should be the same and then your border radius is half the div height.