'"real" baseline for typography
Line-height in web design and line-height in print (InDesign and more) is not the same. Result is near :
- In web http://jsfiddle.net/Y9M28/4/ (better in webkit)
- In print http://jsfiddle.net/Y9M28/3/
I try a lot of tricks but as you see in my print sample, the last paragraph make a bad margin due to multilines. Is it possible to do it better for modern browser ? I know http://baselinecss.com/ but this is with a lot of relative position and top adjustement not really flexible.
A last solution would be to add javascript for separate multiline block in many single line (but to heavy).
Solution 1:[1]
vertical-align is only working on inline elements and table cells. <p> is a block element.
The default value of vertical-align is baseline.
You might have better success in your experiment knowing this. Good Luck!
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|---|
| Solution 1 | JimmyRare |