Search With Seek4Info.com
Welcome to collectivesolver - Programming & Software Q&A with code examples. A website with trusted programming answers. All programs are tested and work.

Contact: aviboots(AT)netvision.net.il

Semrush - keyword research tool

Turn ChatGPT, Claude, Gemini, And CoPilot Into Your Personal Assistant, Business Coach, Content Creator, And More

Secure & Reliable Web Hosting, Free Domain, Free SSL, 1-Click WordPress Install, Expert 24/7 Support

Boost your online presence with premium web hosting and servers

Children Learning Reading Phonics Foundations Reading Program

Most popular tags

python java c cpp c# javascript php vb# typescript nodejs go rust scala swift kotlin pascal html ruby dart r css bootstrap win32 groovy winapi sql mysql vbnet jquery pascal-string lua winforms kotlin-string bash c-string swift-string cpp-string go-string c#-string php-string java-string vbnet-string cobol rust-string python-string cpp-vector f# opengl scala-string javascript-string pascal-array swift-array typescript-string c-array php-array javascript-array rust-vector typescript-array python-list reactjs scala-array c-windows nodejs-string go-array kotlin-array nodejs-array sdl2 cpp-matrix c-matrix cpp-array c#-list vbnet-list pascal-matrix go-slice c#-array java-array nodejs-express character-code-ascii-unicode swift-matrix c#-matrix sdl3 angularjs binary-search-algorithm generate-random-floating-point-numbers all-permutations-combinations kotlin-matrix typescript-matrix vbnet-array kotlin-list sort-words-string exabyte-constant petabyte-constant terabyte-constant math-functions-constants dot-product-two-arrays string-to-title-case create-infinite-loop rust-matrix go-matrix javascript-matrix
Disclosure: My content contains affiliate links.

41,321 questions

53,836 answers

573 users

How to horizontally center an HTML <div> within another <div> in CSS



313 views
asked Nov 20, 2018 by avibootz
retagged Nov 20, 2018 by avibootz
Share on
share on gp share on fb share on tw share on li share on re share via email

2 Answers

0 votes 
<!DOCTYPE html>
<html>
    <head>
        <style>
            div.hc {
                width: 300px;
                margin: 0 auto;
            }
        </style>
    </head>
    <body>
        <div>
            <div class="hc">Horizontally center a div within another div</div>
        </div>
    </body>
</html>

 



answered Nov 20, 2018 by avibootz
0 votes 
<!DOCTYPE html>
<html>
    <head>
        <style>
            div.ohc {
                text-align: center;
            }
            div.ihc {
                display: inline-block;
            }
        </style>
    </head>
    <body>
        <div class="ohc">
            <div class="ihc">Horizontally center a div within another div</div>
        </div>
    </body>
</html>

 



answered Nov 20, 2018 by avibootz

Related questions

2 answers 290 views
290 views
How to horizontally center an HTML <div> with CSS
asked Nov 20, 2018 by avibootz
1 answer 236 views
236 views
How to horizontally center HTML DIV element in CSS
asked May 21, 2021 by avibootz
1 answer 208 views
208 views
How to use CSS with HTML <div> Element
asked Dec 18, 2018 by avibootz
4 answers 502 views
502 views
How to apply css to a <p> tag inside <div> tag with CSS and HTML
asked Jul 31, 2018 by avibootz
1 answer 219 views
219 views
How to horizontally center an element inside another element in CSS
asked Dec 25, 2021 by avibootz
2 answers 278 views
278 views
How to horizontally center an element in CSS
asked Dec 25, 2021 by avibootz
1 answer 353 views
353 views
How to position one image on top of another image with HTML and CSS
asked Sep 23, 2019 by avibootz
 | Search With Seek4Info.com
Powered by Question2Answer
...