Lyrics - Fixed

2-column lyrics

HTML

<div class="container">
  <div class="lyrics">
    <p>Naucz mnie, mój Ojcze naucz mnie,<br>
    Jak w życiu wybrać cel i z kim ku niemu iść,<br>
    Cały świat wieżą modlitwy jest,<br>
    gdzie w miłość każdy ból zmienia krzyż.</p>
    <p>Gdziekolwiek pójdziesz tam jest On,<br>
    gdziekolwiek spojrzysz tam jest On,<br>
    W zapachu kwiatu i w smaku chleba,<br>
    W kolorach tęczy w trawach i drzewach.</p>
    <p>Posłuchaj ciszy, woła cię,<br>
    Na słońce popatrz, wzywa cię,<br>
    W powiewie wiatru, w deszczu kropelkach,<br>
    W każdym oddechu i w rytmie serca.</p>
    <p>Głosem Boga cisza jest,<br>
    cieniem Boga słońca blask,<br>
    wiatr to czuły Boga gest,<br>
    deszcz to krople Boskich łask.</p>
    <p>Naucz mnie, mój Ojcze naucz mnie,<br>
    kiedy wyruszyć mam i którą wybrać z dróg<br>
    Cały świat wieżą modlitwy jest<br>
    gdzie w miłość każdy żal zmienia Bóg</p>
    <p>Gdziekolwiek pójdziesz spotkasz Go,<br>
    gdziekolwiek spojrzysz dojrzysz Go,<br>
    gdy błądzisz w mroku On jest jasnością,<br>
    gdy gniew rozpalasz On jest miłością.</p>
    <p>Posłuchaj ciszy, woła cię,<br>
    na słonce popatrz, wzywa cię,<br>
    i dokądkolwiek niosą cię nogi,<br>
    On jest początkiem i końcem drogi.</p>
    <p>Głosem Boga cisza jest<br>
    cieniem Boga słońca blask<br>
    wiatr to czuły Boga gest<br>
    deszcz to krople Boskich łask.</p>
  </div>
</div>

CSS

.lyrics
{
    /* position */
    margin: 40px;

    /* text */
    font-size: 18px;
    text-align: center;
    column-width: 300px;
    column-gap: 0;
    column-fill: auto;
    height: 420px;
    max-height: 420px;
}

.lyrics p
{
    margin-top: 0px;
}

.container
{
  padding-top: 30px;
  width: 1120px;
  height: 520px;
  background-color: gray;
}

JavaScript

var lyrics = $('.lyrics')[0];
var margin = 200; // call calculateMarginForLyrics here 
lyrics.style.marginLeft = margin + 'px';
lyrics.style.marginRight = margin + 'px';