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

<body>
  <div style="position: absolute; left: 50%;">
    <div style="position: relative; left: -50%; border: dotted red 1px;">
      I am some centered shrink-to-fit content! <br />
      tum te tum
    </div>
  </div>
</body>

 Run code snippet

Related Posts:

  1. How to align a
  2. How do I center floated elements?
  3. How to fix a footer overlapping content?
  4. how to center an inline div using css?
  5. How do you center a video using CSS
  6. How to make fixed header table inside scrollable div?
  7. Center a position:fixed element
  8. What’s the difference between SCSS and Sass?
  9. How am I supposed to use index.html?
  10. Column order manipulation using col-lg-push and col-lg-pull in Twitter Bootstrap 3
  11. What is the difference among col-lg-*, col-md-* and col-sm-* in Bootstrap?
  12. Adding border to SVG image
  13. What does !important mean in CSS?
  14. Set line spacing
  15. Remove blue underline from link
  16. CSS Background Opacity [duplicate]
  17. Outline effect to text
  18. Customize Bootstrap checkboxes
  19. Making a
  20. React.js inline style best practices [closed]
  21. What is a user agent stylesheet?
  22. What is a user agent stylesheet?
  23. Is there a CSS parent selector?
  24. CSS to make HTML page footer stay at bottom of the page with a minimum height, but not overlap the page
  25. Vertically align text within a div
  26. Animate the overflow property
  27. Is there a color code for transparent in HTML?
  28. multiple classes on single element html
  29. CSS opacity only to background color, not the text on it?
  30. create a white rgba / CSS3
  31. Using CSS for a fade-in effect on page load
  32. Gradient borders
  33. Superscript in CSS only?
  34. What is WebKit and how is it related to CSS?
  35. What’s the difference between display:inline-flex and display:flex?
  36. Making an iframe responsive
  37. How can I invert color using CSS?
  38. Button Center CSS
  39. How to insert spaces/tabs in text using HTML/CSS
  40. font-family is inherit. How to find out the font-family in chrome developer pane?
  41. How to get these two divs side-by-side?
  42. How can I vertically center a “div” element for all browsers using CSS?
  43. How to center a “position: absolute” element
  44. What does auto do in margin: 0 auto?
  45. How to center a “position: absolute” element
  46. Does bootstrap have builtin padding and margin classes?
  47. How to change the color of an svg element?
  48. Changing spacing between paragraphs and inside of paragraphs
  49. Is there a color code for transparent in HTML?
  50. How to vertically align an image inside a div
  51. Nesting CSS classes
  52. Applying Comic Sans Ms font style
  53. How to set up fixed width for ?
  54. “Stray start tag footer” in html validator?
  55. How to change btn color in Bootstrap
  56. Make div scrollable
  57. Failed to decode downloaded font, OTS parsing error: invalid version tag + rails 4
  58. Chrome give error **Failed to load resource: net::ERR_NAME_NOT_RESOLVED** while other browser load images
  59. What is the difference between the selectors “.class.class” and “.class .class”?
  60. CSS: Creating textured backgrounds
  61. Insert image after each list item
  62. How to make the HTML link activated by clicking on the
  63. ?
  64. How to change text transparency in HTML/CSS?
  65. How do I hide the bullets on my list for the sidebar?
  66. limitations of using @Html.EditorForModel
  67. Center form submit buttons HTML / CSS
  68. Transition of background-color
  69. How to implement max-font-size?
  70. How to float 3 divs side by side using CSS?
  71. How to override the properties of a CSS class using another CSS class
  72. HTML Width Percentage
  73. Circle button css
  74. force footer on bottom on pages with little content
  75. draw diagonal lines in div background with CSS
  76. How to add a color overlay to a background image?
  77. Change color of PNG image via CSS?
  78. css transition opacity fade background
  79. Better way to set distance between flexbox items
  80. Text-decoration: none not working
  81. How to set up fixed width for ?
  82. How do I center an h1 in the body
  83. CSS3 Transition not working
  84. In CSS what is the difference between “.” and “#” when declaring a set of styles? [duplicate]
  85. How do I rotate text in css?
  86. CSS Invalid Property Value?
  87. right align an image using CSS HTML
  88. How can I transition height: 0; to height: auto; using CSS?
  89. css to make bootstrap navbar transparent
  90. how to offset a CSS border up and left
  91. @Media min-width & max-width
  92. CSS display: inline vs inline-block
  93. css: how to center box div element directly in center?
  94. How do I center this form in css?
  95. How to apply a CSS filter to a background image
  96. Aligning two divs side-by-side
  97. Play multiple CSS animations at the same time
  98. Dynamically change color to lighter or darker by percentage CSS
  99. How can I replace text with CSS?
  100. CSS text-align: center; is not centering things
  101. Why are my CSS3 media queries not working on mobile devices?

Leave a Comment

Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)