KnowledgeHub
Questions
Tags
Users
Search
Alex Rivera
|
Logout
Edit Question
Title
Body
I have the following CSS code: .readMore:before { content: ''; display: block; float: left; width: 10px; height: 27px; margin: 0; background: red url('images/button.png'); background-position: 0 0; } .readMore { float: left; height: 24px; background: url('images/button.png'); background-position: -10px 0; border: 0; margin: 0; padding: 4px 0 0 0; cursor: pointer: } .readMore:after { content: ''; display: block; float: right; width: 10px; height: 27px; margin: 0; top: -3px; background: red url('images/button.png'); background-position: -411px 0; } Which styles a link that looks like this: But when trying to adjust the text in the .readMore in vertical, the :before and :after images also get "jumps" down. Which is logical, but is there a solution, so it will align better with the "total image"?
Tags (comma-separated)
Save Edits
Cancel