前端表格元素右对齐居中：使用Flex布局实现

可以使用CSS中的flex布局来实现这个效果。首先给表格的父元素添加以下样式：

display: flex;
justify-content: space-between;

这样可以让表格中的两个元素分别位于父容器的两端。然后给每个表格元素添加以下样式：

text-align: center;

这样可以使文本在表格元素中居中对齐。最后添加一些额外的样式来去除表格边框和间距等。

完整的示例代码如下：

<style>
    .table-container {
        display: flex;
        justify-content: space-between;
    }

    .table-element {
        text-align: center;
    }

    table {
        border-collapse: collapse;
    }

    th, td {
        padding: 10px;
        border: 1px solid black;
    }
</style>

<div class="table-container">
    <div class="table-element">
        <table>
            <tr>
                <th>社区戒毒社区康复工作办公室章</th>
            </tr>
        </table>
    </div>
    <div class="table-element">
        <table>
            <tr>
                <th>年 月 日</th>
            </tr>
        </table>
    </div>
</div>

注意：以上代码仅提供了一种实现方式，具体的样式可以根据需要进行调整。