I want some piece of paragraphs to ignore the space between them, and i dont know how to css that, i thought it could be "display:inline" but did not work...

I want this:



look like this:



So that i can use different background colors for each paragraph, without having to break the design for sake of the parent background (like the body background color or something).

Thanks in advance.

 

 

 

Reply

Try this:
<p>
text text text <br>
text text text <br>
text text text <br>
</p>
or this
<p style="line-height:0.5">
text text text<br>
text text text <br>
text text text <br>
</p>
or the way you prefer:
<p style="line-height:0.5">text text text</p>
<p style="line-height:0.5">text text text</p>
<p style="line-height:0.5">text text text</p>

I dont know of any other way. You can adjust line height as you wish, but 1px is normal.

Reply

I certanly know that i can use <br /> to do so, i wanted independent <p>'s with different colors to be united without white space between them, not line breaks. And that "line-height" rule did not work either. Thanks anyway.

Reply

You might want to have some padding (other than 0) if you want some space around your text.

Reply

Dammit that was it! i swear i tried it! how could i miss it? thanks Tyssen! I would ask a moderator to close this...

Reply