Html 如何使表中的div与表中的文本大小相同？

如何使内部表格与内部文本大小相同：

<table class="table-1">
        <tr>
            <td align="center">
                <div class="block" id="block-1" style="background: black">
                    <a style="color: black" href="myFunc()"><c:out
                            value="${item.title}" /></a>
                </div>
            </td>
        </tr>
</table>

如何使

取

<a style="color: black" href="myFunc()"> <c:out value="${item.title}"/> </a>

---

使用

显示：内联块用于
.block


table.table-1{
宽度：100%；
}
.街区{
显示：内联块；
}


<a style="color: black" href="myFunc()"> <c:out value="${item.title}"/> </a>