Is it possible to center a <div> within another <div> using CSS(horizontally)?

Submitted 4 years, 4 months ago
Ticket #328
Views 378
Language/Framework Html
Priority Medium
Status Closed 
<div id="outer">
  <div id="inner">Foo foo</div>
</div>

Any answer will be a great help......

Submitted on Dec 20, 20
Soudhamini
add a comment
1 Answer
1


Verified 

CSS FILE


#inner {  
  border: 1px solid black;
}

#outer {
  border: 1px solid red;
  width:100%
  display: flex;
  justify-content: center;
}
HTML FILE

<div id="outer">
  <div id="inner">Foo foo</div>
</div>

Submitted 4 years, 4 months ago
Cheethirala

Latest Blogs

Step by Step guide to deploy Django Web App on Heroku
Python XML - Read/Write and Create
Day 6-Mastering PySpark: A 100-Day Challenge
How to Implement the Django filters
Different way of processing the GET request in Javascript
Django Heroku Deployment Steps
How to setup the Notification in website using Javascript and Django
How to Build Desktop App Using Tkinter and Django Rest Framework Backend -Part 1
How to Build Desktop App Using Tkinter and Django Rest Framework Backend -Part 2
Python Enumerate in Django Choice Field
Creating A Popup Modal Login Form Using HTML5 And CSS and Bootstrap.
Simple Search App using Django API and Vanilla Javascript
Automation Testing Life Cycle
How to Integrate Django and Vue JS Part -1
Steps to deploy Django App into AWS
Building Live streaming web app with FastAPI and ReactJS
SOME STEPS TO FOLLOW BEFORE STARTING A PROJECT :
What is the secret behind SUCCESS?
Success
Django Static Files in Local
Creation of web pages for register,login ,logout (PART-2)
Data Analytics in a Nutshell
Python’s Generator and Yield
What is Mean? Why is it required?
IMPLEMENTATION OF SEARCH BAR USING DJANGO (in any website)
Creation of webpages for register ,login ,logout (PART-1)
Web designer or Front End Developer? Key Differences
Title: Unraveling the Wonders of Quantum Computing: A Leap into the Future
Python Desktop APP to Upload Image into AWS S3 with Progress Bar
Building a Gallery App with FastAPI and React in AWS S3
Tips for Optimizing Apache Spark Queries — Part 1 (Data Partitioning)
Building a Real-time Feedback System with Django, Kafka, Spark, and S3
S3 Buckets: Setting Up Queryable Iceberg Tables in AWS
Ongoing Knowledge - Keep Learning ang Keep Sharing
Custom Model Managers In Django
Python Merge PDF files
Python Challenge 1 - Capital indexes
How to Integrate Django and Vue JS Part -2( Creating Simple Todo App)
Program vs Process vs Thread
Python Multiprocessing with Real Time Example
Unlocking the Power of Caching with Python, Relational Database & Redis Unleashed
Stay Hydrated with a Python Script
Day 8 UDF -Mastering PySpark: A 100-Day Challenge
Resilient in Spark— My Understanding
Pyspark Row : asDict(): A 100-Day PySpark Challenge
PySpark — Dataframe Operations CheatSheet
Snowflake Database Zero to Hero - Let's Learn Together
SAP to Snowflake: Implementing Hash-Based Full Table Comparison for Change Data Capture