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:

enter image description here

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>
result expected https://codepen.io/gc-nomade/pen/brxqgq


Comments

Popular posts from this blog

resizing Telegram inline keyboard -

command line - How can a Python program background itself? -

php - "cURL error 28: Resolving timed out" on Wordpress on Azure App Service on Linux -