Saturday, October 25, 2025
Latest:
  • German Pronouns with Nominative, Accusative, and Dative cases
  • German articles for the nominative, accusative, and dative cases
  • Der kleine Vogel und die Sonne
  • German alphabet pronunciation
  • Command design pattern
Upokary

Upokary

Quality information

  • Health
  • Life
  • Fashion
  • Food
  • Code
  • English
  • বাংলা
Technology 

How to horizontally center an element using CSS?

Published: January 25, 2021Last updated: July 23, 2021 css

In this post, we will discuss the different approaches to make an element centered using CSS. Let’s consider we have the following parent and child elements.

<div class="parent">
    <div class="child">Content</div>
</div>

Following is the style to make it horizontally centered.

<style>
    .parent{
        display: flex;
        justify-content: center;
    }
</style>
Reference:
  • Horizontally center an element

You May Also Like

Should we commit yarn.lock and package-lock.json files?

July 2, 2020 beroza

What are new in Java 14 or new features of Java 14

August 4, 2020 beroza

Count Pairs Of Similar Strings

January 6, 2023 beroza

Differences between Preload, Prefetch, and Preconnect?

September 16, 2021 beroza

Immediately Invoked Function Expression (IIFE) in JavaScript

March 6, 2021 beroza

Write a Program to Find Number of Unequal Triplets in Array

January 16, 2023 beroza

Useful linux process commands

December 4, 2018 beroza

AutoComplete Material-UI case insensitive filter

October 29, 2019 beroza

Find Resultant Array After Removing Anagrams

June 12, 2023 beroza

Why Upokary?

Upokary.com is a useful application in everyday life. It provides very handy information regarding every aspect of life. Each and every tip of upokary.com is meant to make life better.

Upokary tools

  • Youtube thumbnail
  • Youtube video downloader

Useful Links

  • Handy code
  • Technology
  • People
  • Programming
  • Quote
  • Travel
  • WordPress
  • IELTS
  • Kids

Pages

  • Sitemap
  • Privacy policy
  • About us
  • Contact us

Support

For any kind of query or question please drop a message in the following email: upokary@gmail.com
Copyright © 2025 Upokary. All rights reserved.