Html - 填充 - 没有按预期工作

Html - padding - doesnt work as intended

可能是个愚蠢的问题,但我需要你的帮助。 我有一个 div 和里面的文字。我需要通过填充调整 div 内的文本,但是当我应用填充命令时,它什么都不做。

这是我的代码的一部分https://jsfiddle.net/oje_cz/am7twxmp/

<html>
<head>
    <meta charset="UTF-8">
</head>

<div id="footer-3" 
            style="height: 80px;
            float: left;
            width: 250px;
            text-align: right;
            background: rgba(226, 4, 28, 1);">

    <t style="font-family: arial;
        color: white;
        font-size: 14px;
        padding-top: 5px;">
                Obchodní identifikační údaje:<br>
                IČ: 28 44 18 77<br>
                DIČ: CZ 28 44 18 77
    </t>
</div id="footer-3">

</html>

如何使用填充使其工作?我想将行从顶部移得更远。谢谢解答

Demo

只需在样式中添加display: block;<t>

<t style="font-family: arial;
        color: white;
        font-size: 14px;
        padding-top: 5px;
        display: block;">

<t> 替换为 <div>