php - 如何移动CSS中的列内容?

标签 php html css wordpress multiple-columns

我正在一个网站上工作,我想在其中将文本移向 css 中的左侧底部。下面是我想要做的截图。

enter image description here

如上图所示,我想将 Outburst 文本移到左侧底部(在字符下方对齐 O) .上面的截图出现在这个 link .

我创建了 fiddle以及上面的链接。

fiddle中使用的HTML代码是通过以下php代码生成的:

<ul id="shows-list" class="shows-list cf js-list-active">
    <?php foreach ( $alpha_programs as $title => $permalink ) :
        $title_char = substr( $title, 0, 1 ); ?>
        <li class="shows-list__letter">
        <?php
        if ( $title_char !== $prev_title_char ) : $prev_title_char = $title_char; ?>
            <h1 class="shows-list__letter-title"><?php echo esc_html( $title_char ) ?></h1>
        <?php endif;?>
            <a class="shows-list__link" href="<?php echo esc_url( $permalink ); ?>"><h2 class="shows-list__title"><?php echo esc_html( $title ); ?></h2>
            </a>
        </li>
    <?php
    endforeach;
    ?>
</ul>

问题陈述:

我想知道我需要对上面的 php 代码或 fiddle 中的 css 代码进行哪些更改使爆发文本向左侧底部移动

最佳答案

最简单的方法。

<body>
<table>
<tr>your content</tr>
<tr>your content</tr>
</table>
</body>

关于php - 如何移动CSS中的列内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54639877/

相关文章:

html - CSS 嵌套选择器,只选择第 2 级,忽略第 1 级和第 3 级及以上

javascript - 使用 HTML 输出标签查看可缩放图像并分配 src

html - 带有过渡的鼠标悬停 Accordion 效果不稳定

php - 无需登录即可获取 Google Analytics 数据

php - 在 RedHat 上安装 PHP 扩展

php - 即使文件具有 777 权限,LibreOffice 转换为 pdf 也会产生文件无法加载错误

javascript - 可调整大小和响应式面板布局?

php - 如何触发从数据库自动发送电子邮件

html - 我可以对绝对定位的 div 内的图像应用垂直对齐吗?

javascript - 保存并读取数据库中的复选框值,更改标签的状态