html - Make <br> line breaks bigger than normal line spaces -
i have small html website displays information (specifically, train stations) in html table. on 1 row has fixed length, meaning sentences longer width of table overflow on next line. fine, need obvious when gap in-between lines because of long phrase or because next in list. see example below:
there 2 stops train, reading (which fits on 1 line) , london paddington (which overflows onto second line). need gap between 'reading' , 'london' larger gap between 'london' , 'paddington'. html looks this:
<p>calling at:<br>reading<br>london paddington</p>
i have tried make clear if don't understand please say! thank you.
also, have tried solution @ stackoverflow.com/questions/1409649 , did not work me.
you can give @ font-size
reset <br/>
only:
example, second paragraph shows line breaks increased.
/* increase line-height on break line tags */ p+p br { font-size: 1.5em;/* tune own value use calc(1em + 10px) or vmin,vmax, ... whatever */ vertical-align: top; } p { display: inline-block; margin: 1em; vertical-align: top; border: solid; font-size: 1em; } p+p { color: green }
<p>calling at:<br>reading<br>london paddington</p> <p>calling at:<br>reading<br>london paddington</p>
Comments
Post a Comment