Stack Overflow
Stack Overflow

Questions tagged [center]

The center tag in HTML causes its contents to be centered within the parent element. It is deprecated and should no longer be used.

The <center> tag in HTML causes its contents to be centered within the parent element:

<center>Hello World</center>

Note :

Even though the <center> tag is supported by all major browsers, it is deprecated and not recommended. HTML5 treats it as non-conforming feature.

3408 questions
1506
votes
37 answers

How can I center an absolutely positioned element in a div?

I want to place a div (with position:absolute;) element in the center of the window. But I'm having problems doing so, because the width is unknown. I tried the following CSS code, but it needs to be adjusted because the width is responsive. .center…
Ish
  • 28,486
  • 11
  • 60
  • 77
946
votes
27 answers

How to align a

I have a div tag with width set to 800 pixels. When the browser width is greater than 800 pixels, it shouldn't stretch the div, but it should bring it to the middle of the page.
Shimmy Weitzhandler
  • 101,809
  • 122
  • 424
  • 632
395
votes
12 answers

How do I center floated elements?

I'm implementing pagination, and it needs to be centered. The problem is that the links need to be displayed as block, so they need to be floated. But then, text-align: center; doesn't work on them. I could achieve it by giving the wrapper div…
Mike
  • 6,854
  • 17
  • 53
  • 68
383
votes
5 answers

Center Plot title in ggplot2

This simple code (and all my scripts from this morning) has started giving me an off center title in ggplot2: Ubuntu version: 16.04 R studio version: Version 0.99.896 R version: 3.3.2 GGPLOT2 version: 2.2.0 I have freshly installed the above…
Christopher John
  • 4,220
  • 2
  • 13
  • 14
289
votes
34 answers

Bootstrap 3 modal vertical position center

This is a two part question: How can you position the modal vertically in the center when you don't know the exact height of the modal? Is it possible to have the modal centered and have overflow:auto in the modal-body, but only if the modal…
scooterlord
  • 15,124
  • 11
  • 49
  • 68
280
votes
5 answers

How to vertically center a inside a div?

The code:
Babiker
  • 18,300
  • 28
  • 78
  • 125
232
votes
9 answers

How to center absolute div horizontally using CSS?

I've a div and want it to be centered horizontally - although I'm giving it margin:0 auto; it's not centered... .container { position: absolute; top: 15px; z-index: 2; width:40%; max-width: 960px; min-width: 600px; …
CoreDo
  • 2,691
  • 4
  • 17
  • 18
222
votes
13 answers

Why is the
tag deprecated in HTML?

I am just curious as to why the
tag in HTML was deprecated. The
was a simple way of quickly center-aligning blocks of text and images by encapsulating the container in a
tag, and I really cannot find any simpler way on how…
Andreas Grech
  • 105,982
  • 98
  • 297
  • 360
195
votes
6 answers

Center a DIV horizontally and vertically

Is there a way to CENTER A DIV vertically and horizontally but, and that is important, that the content will not be cut when the window is smaller than the content The div must have a background color and a width and hight. I have always centered…
Nrc
  • 9,577
  • 17
  • 67
  • 114
192
votes
12 answers

Flutter : Vertically center column

How to vertically center a column in Flutter? I have used widget "new Center". I have used widget "new Center", but it does not vertically center my column ? Any ideas would be helpful.... @override Widget build(BuildContext context) { return…
Zeusox
  • 7,708
  • 10
  • 31
  • 60
170
votes
11 answers

align text center with android

I know it sounds easy. I need to put a text in center, but when the text is too long it needs to go below, but still align in the center of my xml. Here's my code :
Tsunaze
  • 3,204
  • 7
  • 44
  • 81
170
votes
16 answers

Center aligning a fixed position div

I'm trying to get a div that has position:fixed center aligned on my page. I've always been able to do it with absolutely positioned divs using this "hack" left: 50%; width: 400px; margin-left: -200px; ...where the value for margin-left is half…
Kyle
  • 10,839
  • 17
  • 53
  • 63
157
votes
9 answers

How to center a (background) image within a div?

Is it possible to center a background image in a div? I have tried just about everything - but no success:
Lorem Ipsum ...
//CSS #doit { background-image: url(images/pic.png); background-repeat: none; text-align: center;…
oompahloompah
  • 9,087
  • 19
  • 62
  • 90
153
votes
16 answers

How to position a div in the middle of the screen when the page is bigger than the screen

Hi I'm using something similiar to the following to get a div positioned in the middle of the screen: