CSS help
- Started
- Last post
- 15 Responses
- Miguex
I was wondering if anyone has some examples or where I can see highlighted text.
Not sure how to explain it, or if it's called highlight or not, basically a paragraph of text looks like it has been placed in a dynamic cell that wraps behind the text by line, not by paragraph.
Anyone knows what I'm talking about?
- fugged0
not sure I understand. can you mock it up?
- duckseason0
span + background color?
Feel something similar to this was discussed on here a while back.
- brandelec0
<span style="background-color:#09C;">
?
- brandelec0
like this?
.highlight {
background-color:#0CF;
color:#000;
}<span class="highlight">even better</span>
- Miguex0
acescence got it! you can probably tell english is not my 1st language.
anyways..
http://culturekiller.com/qbeans/…is there a way to add let's say 5px padding to that?
- acescence0
well technically everyone else got it too :)
the issue with padding is that it's an inline element, so you won't get the padding on the individual line endings or beginnings, so the first line will appear indented and only the last line will have the padding on the end.
- Miguex0
So is there a way around that? maybe using a different method?
I just want some space around the text, would it help if I post an image?
- Miguex0
^
anyone care to prove him wrong :)
I have no clue how to do this and would really appreciate the help.is this just a problem between paragraphs? I don't mind if there is no space between each paragraph (in terms of highlight) I'm happy if its all a continuous block of "highlight"
- acescence0
this is the problem:
http://culturekiller.com/qbeans/…
(second paragraph has the padding)you can't get the padding on line beginnings/ends mid-paragraph
- I see, thanks a lot for trying man, I really appreciate it, if it can't be done, it can't be doneMiguex
- Gordy220
What about display:inline-block ?
- Gordy220
Display:inline kind of works; you get the 'jagged' line on the right but no padding between letters and highlight