Как сделать пунктирное подчёркивание текста?

Погуглил, нашёл мануалы через border-bottom: 1px dotted; но в результате получилась вот такая штука https://jsfiddle.net/p7a1qkn0/

.ptxt{
    font-family: 'Verdana', 'Tahoma';
    border-bottom: 3px dotted red;
}

Как сделать так что бы подчёркивание распространялось только на сам текст, а не на всю ширину строки и была подчёркнута каждая строка текста а не одна внизу?