CODEWITHSUNDEEP
css
melbill
melbill

Reputation: 35

Misaligned text within div in different browsers

For some reason I cannot get the placement of a line of text to remain consistent in different browsers. I'm trying to get the comments line and the "like" heart line to align correctly like you see in the lower right of this image taken from Firefox:

enter image description here

However, when viewing the same page in chrome or Safari it looks like this:

enter image description here

I tried messing around with the relative positioning of the div in CSS but haven't been able to find a solution for this problem. Any help would be much appreciated! The website is www.misscarispreschool.com if you'd like to check it out.

Thank you!

Upvotes: 1

Views: 189

Answers (1)

dezman
dezman

Reputation: 19368

Your .entry-meta-right class needs a width of at least 112px, but you may want to make it bigger than that, depending on what your going for.

Also, .like-74 .like, .action_like { margin-top: 2px; } makes it look nice : )

Upvotes: 1

Related Questions