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. Customize Bootstrap checkboxes
  9. What is WebKit and how is it related to CSS?
  10. Is there a color code for transparent in HTML?
  11. HTML Width Percentage
  12. draw diagonal lines in div background with CSS
  13. css to make bootstrap navbar transparent
  14. Play multiple CSS animations at the same time
  15. Why are my CSS3 media queries not working on mobile devices?
  16. CSS3 Transition – Fade out effect
  17. border-radius not working
  18. Center a DIV horizontally and vertically
  19. How to show tags in my tumblr theme?
  20. HTML span align center not working?
  21. bootstrap 4 row height
  22. sass :first-child not working
  23. Twitter Bootstrap – add top space between rows
  24. Hex colors: Numeric representation for “transparent”?
  25. HTML colspan in CSS
  26. Flexbox float right
  27. Text wrapping around a div
  28. Iframe’s overflow problem
  29. Show / hide div on click with CSS
  30. CSS to select/style first word
  31. How to expand textarea width to 100% of parent (or how to expand any HTML element to 100% of parent width)?
  32. Remove Open Sans from Twenty Twelve theme
  33. Enqueue Google Web Fonts Without Messing Up Symbols In URL
  34. Is it possible to enqueue a raw CSS string directly from within a template file?
  35. Overriding Gallery Margin
  36. Gutenberg Block Editor Match Admin Styles & Frontend Styles
  37. How do I add a class to that is generated by >
  38. How to add a body class to all interior pages except the homepage
  39. add a CSS id to the body of a page in wordpress
  40. wordpress CSS styles – footer border do not show
  41. Can I use theme options to change two things at once?
  42. get_stylesheet_uri returns wrong path
  43. Include print style sheet
  44. De-registering a CSS file leaves it in the queue
  45. How To Load Different CSS Style, Based On Language When Using QtranslateX [closed]
  46. Unable to remove space between header and slider section in wordpress website
  47. How does W3 Total Cache Load Images In Stylesheet via CDN? [closed]
  48. images within style sheet
  49. IE and WordPress
  50. Alternate stylesheet only works with absolute address for link?
  51. Some Text of website page on Iphone Safari become invisible
  52. Child Theme CSS not showing at all
  53. How to create an optionally available stylesheet for visually impared users?
  54. Where do I go to change the position of the style.css?
  55. Why is my child theme style.css not found (404) in the front-end? [closed]
  56. wp_enqueue_media is not loading styles
  57. functions.php – inject inline css from file
  58. Changing navigation strip color with CSS
  59. child theme appears again when I put the header with parent name.
  60. How to Add a Read-only Textbox With Text in it That Has a Button to Copy it?
  61. cookie free subdomain and @font-face
  62. Use Google Fonts and unicodes
  63. How to add class to an html output element in tinyMCE paragraph drop down menu
  64. Adding elements to wp_list_pages (within , but before )
  65. Page versus post ID specific CSS ID?
  66. Why doesn’t WP recognize images in posts like other content? [closed]
  67. How would I create the same popup in css and javascript as the one in contact button on the site https://www.sublimotionibiza.com/es/main.html [closed]
  68. Customizing the Post/Page Editor in Classic Editor
  69. CSS for the main top menu appears to have stopped working after All-In-One Migration transfer
  70. Css will not display in webpage, after adding it in style.css in child theme
  71. How to edit CSS style sheet after migrating from local
  72. wp_list_pages two columns
  73. Bootstrap Integtration
  74. Font .woff files loaded don’t correspond to the displayed styles [closed]
  75. HTML not resizing
  76. CSS transition from 0px width to 100% width
  77. Style not being applied to newly installed themes
  78. Custom CSS rule overridden in theme
  79. Style sidebar for a custom page template exclusively
  80. Make Responsive Specific Page in WordPress
  81. Sticky Button not working WP. But does it JS Fiddle
  82. How to get homepage div container of wordpress website to display full width? [duplicate]
  83. How to enqueue google fonts if we use directly in style.css
  84. Trouble with adding preloader to my home page index.html and index.js
  85. How to change in css with a custom theme?
  86. Wesbite super slow on iphone / very fast on desktop with same connection on wifi
  87. adding a favicon to site2 – site1/site2/favicon.ico
  88. WordPress crop image not working [closed]
  89. How to implement styling of div in the front end using plugin admin meta box settings?
  90. Browser stacks different versions of style.css
  91. Is it possible to make invisible a div only on certain pages using CSS?
  92. CSS messes up when CACHE is cleared
  93. What CSS selectors to know for WordPress? [closed]
  94. MY CSS FILE IS MISBEHAVING. IS NOT WORKING WELL ON MY WP SITE [closed]
  95. Image is very blurry
  96. Narrow paragraph block aligned to left of “wrapper”
  97. Transparent Overlay for Gravity Forms Ajax Spinner
  98. Remove the main title, but only from the main page
  99. aos properties ‘invalid’ and not recognised when included as a css class [closed]
  100. How to remove automatically added custom style tag?

Leave a Comment