How to change the vertical alignment of shortcode audio

  • Unknown's avatar

    Hello,
    I am making a table with a list of words with added shortcut audio for the pronunciation of each word.

    However, in the table the text is aligned to the bottom of the cell whereas the audio is aligned top the top of the cell.

    How can I change this? I have tried to change the <td> to <td valign="bottom"> but it doesn’t seem to work.

    Here’s my code:

    <table>
    <tbody>
    <tr>
    <td>súŋkawakȟáŋ</td>
    <td>horse</td>
    <td>[audio "http://www.music.helsinki.fi/tmt/opetus/uusmedia/esim/a2002011001-e02.wav" ]</td>
    </tr>

    The audio for now is temporary, it’s the alignment that is important.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    Hi there,

    You can try below code to align it to bottom and let me the results:

    <td style=”vertical-align: bottom;”>

    Let me know if you have more questions.

    Thanks!

  • Unknown's avatar

    Hi tarunvijwani,

    Thank you very much for your reply and your suggestion.

    I tried the following code:

    <tr>
    <td>súŋkawakȟáŋ</td>
    <td>horse</td>
    <td style="vertical-align:bottom;">[audio "http://www.music.helsinki.fi/tmt/opetus/uusmedia/esim/a2002011001-e02.wav" ]</td>

    And now at least the shortcode audio has the same alignment as the text in the other cells, although weirdly enough it aligned to the top instead of the bottom.

    Thank you!

  • Unknown's avatar
  • The topic ‘How to change the vertical alignment of shortcode audio’ is closed to new replies.