How to move the column content in css?

How to move the column content in css?

I am working on a website in which I want to move the text towards the&nbsp;<strong>left-side</strong>&nbsp;bottom in css. Below is the screenshot what I want to do.

I am working on a website in which I want to move the text towards the left-side bottom in css. Below is the screenshot what I want to do.

As shown in the screenshot above, I want to move the Outburst text towards the left-side bottom (Aligned below character O). The above screenshot is present in this link.

I have created the fiddle as well for the above link.

The HTML code used in the fiddle is generated through the following php code:

<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>

Problem Statement:

I am wondering what changes I need to make in the php code above or in the css code here in the fiddle so that outburst text moves towards the left-side bottom

php html css wordpress

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

How To Make Responsive Images With CSS, HTML, WordPress & More

A responsive image is one whose size responds to changes in screen size, window, or desktop resolution. Read how to make responsive images with CSS, HTML, WordPress, and more!

How to Create Login and Registeration Form with PHP, HTML, CSS and MySQL

In this video we will create a Login and a Registeration form using PHP, HTML, CSS and MySQL. (User Login & Register Form in PHP and MySQL)

Build a Register & Login Form using PHP, HTML, CSS, Bootstrap and MySQL

In this tutorial you will learn and build a Responsive PHP Registration & Login Form using PHP, HTML, CSS, Bootstrap and MySQL

Know Everything About HTML With HTML Experts

HTML Assignment Help Australia @30% OFF from Sample Assignment, with Our Best HTML assignment help experts. Get HTML homework help online at affordable price. 100% Plag free assignment solution.

Building Custom WordPress Sites from Scratch - WordPress Theme Development

Learn to create a completely responsive website from scratch using WordPress, HTML, CSS, JavaScpript, and PHP. Also, learn to create a custom WordPress theme.