What is the proper way to apply justification in Chinese writing using a colon?

I attempted to use the following CSS:

.td_justify{
text-align-last: justify;
}

However, the result I got was not what I desired.

https://i.sstatic.net/gcSS1.png

What I actually want is something like this:

https://i.sstatic.net/WeyRy.jpg

If I add <td> tag to fix one issue,
it creates problems with the colspan attribute.

Is there a quick way for me to resolve this?

Apologies for my unclear explanation. Here's the updated image (img2) where I added extra space to complete it.

Answer №1

.td_center:before{
    position: absolute;
    right: -3px;
    content: '\FF1A';
}

Answer №2

To ensure it remains in place, you can fix it using positioning and padding.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

"Enhance Your Highchart Experience by Adding Hyperlinks to Every Segment of Your Stacked Bar

I am seeking to assign a specific link to each segment of a stacked 100% bar chart. Check out this demo of a stacked bar chart: http://www.highcharts.com/demo/bar-stacked Here's what I am trying to accomplish: Please visit , input data in the left t ...

The simultaneous execution of several ajax requests is leading to jumbled data sets

I've been working on a phonegap application that utilizes jQuery Mobile for its primary structure. During the execution of the app, various ajax calls are made to fetch the latest data. For example, a list of items is fetched for the homepage, while ...

Custom Sign-in features in NextJS now direct users to the default form for entering login

I have been working on a web app that requires authentication using NextJS default auth middleware. However, whenever I try to log in, the app redirects me to the default NextJS form component at the URL /api/auth/signin?error=CredentialsSignin. Even thou ...

What's the best way to combine the data from two different Instagram APIs?

Looking to display Instagram images on a webpage using UserName and Tags. Despite searching for an API that can meet my needs, I haven't found one that allows me to: Show Images based on User Account Show images based on Tags (Single or multiple) ...

Utilizing jQuery for altering the navigation color is yielding inconsistent outcomes

I developed a snippet of jQuery script that dynamically adjusts the color of my navigation/header depending on the section of my website that the user is viewing. Although it functions, there are some imperfections. At times, it changes colors in the middl ...

How come I am getting only a single outcome when iterating through a dataset array?

I have a fetch API that returns an array of objects, and within those objects are nested arrays and other objects. My goal is to filter out only the objects that contain a specific value. Specifically, I want to retrieve objects with an id of 11 from the p ...

Show live updates in the input field

I'm struggling to get an input's results to update in real time within another disabled input field. Here is the code I'm working with: var inputBox = document.getElementById('input'); inputBox.onkeyup = function(){ document. ...

Utilize JQuery to implement fading effects for clicked elements in a webpage

I've been using a rollover JavaScript plugin to create smooth transitional effects when users hover over clickable page elements. Everything was going well until I decided to switch to making ajax calls instead of page loads for dynamic content. The p ...

Incorporating sliding animation into Angular's ng-repeat directive

I am currently working on my code to create multiple divs with a hide button in each one. When the hide button is clicked, I want the corresponding div to fade away and the divs below it to smoothly move up to fill the space left behind. Below is the snip ...

Can you show me how to divide a number by a comma after every two digits and then save the result into two separate

Given a variable var Number = 2425;, the task is to split it into two parts and store them in separate variables. var data = 24; var month = 25; What would be the most efficient way to achieve this using JavaScript? ...

The import component path in Angular 4/TypeScript is not being recognized, even though it appears to be valid and functional

I'm currently working on building a router component using Angular and TypeScript. Check out my project structure below: https://i.stack.imgur.com/h2Y9k.png Let's delve into the landingPageComponent. From the image, you can see that the path ...

What is the best API for incorporating interactive maps into my Android application?

I am looking to create an Android app (using Java) with interactive maps similar to ammaps, which can be integrated with HTML5/jQuery Mobile. Check out for reference. The app will display a world map where different areas are highlighted or colored based ...

JSP Implementation of a Gravity-Driven Dynamic List

I am looking for a way to automatically populate a dropdown list within a JSP page form using values retrieved from a database query. The challenge is that only a limited number of rows are being pulled from the database based on other form inputs. I am no ...

Tips for concealing scrolled material beneath a stationary see-through banner

After searching through various questions on the topic, I have not found a working solution. My goal is to hide the body content beneath a transparent fixed header when scrolled. Take a look at my current setup here: https://jsfiddle.net/nukuf23L/ If pos ...

Why does the JavaScript code work perfectly in Mozilla, but show an unknown runtime error in IE6?

When building my page, I implemented a simple blow up trick. Initially, the div is set as hidden, and when the image is clicked, a blow up effect occurs with an overlay image in the background. The JavaScript function updates the innerHTML. While this work ...

Using CSS to create a background color gradient

As I work on my website, I am experimenting with a background that transitions from one color to another. The colors I am using are #87a0b4 and #6a86a0. I have encountered two issues: Firstly, the transition is not displaying correctly on Internet Explor ...

Acquiring and showcasing the mongoose schema property

Within my mongodb collection, I have a plethora of jokes stored, the schema is structured as below: const mongoose = require ("mongoose"); // Dad Joke Schema const jokeSchema = new mongoose.Schema({ content: String }); module.exports = mongoose.mode ...

Utilizing preg_match in PHP to validate a textarea for alphanumeric characters, numeric values, and spaces

I've almost got everything working, but I'm stuck on how to utilize preg_match. I checked the manual here http://php.net/manual/en/function.preg-match.php, but it doesn't clearly explain the syntax for creating my own validation. For example ...

Steps to Verify if Cookie is Turned Off in a Next.js Application

I have encountered an issue with my Next.js App. It seems to be functioning properly until I disable cookies in the browser. Is there a way for me to determine if cookies are disabled in the browser and display a corresponding message? I attempted to check ...

Alignment of Submenus in a CSS Vertical Menu

I'm currently facing an issue with my vertical menu and submenu alignment. Despite everything working correctly, the submenu does not align horizontally as expected, instead shifting up against the header div above it. Any assistance to resolve this w ...