css “left” not working

by

You need to set position to absolute or relative:

#inner {
   width: 400px;
   height: 300px;
   background-color: #090;
   position: absolute;
   left: 50%;
}

More Related Contents:

  1. Positions fixed doesn’t work when using -webkit-transform
  2. Position an element relative to its container
  3. Prevent an element from covering another [closed]
  4. Two column width 50% css [closed]
  5. vertical-align with Bootstrap 3
  6. One flex/grid item sets the size limit for siblings
  7. How to align content of a div to the bottom
  8. CSS Pseudo-classes with inline styles
  9. Are the decimal places in a CSS width respected?
  10. How to apply a style to an embedded SVG?
  11. How do I get this CSS text-decoration override to work?
  12. Why does position:relative; appear to change the z-index?
  13. Color for Unicode Emoji
  14. Browser Caching of CSS files
  15. How to change scroll bar position with CSS?
  16. How to keep footer at bottom of screen [duplicate]
  17. How to give the background-image path in CSS?
  18. Bootstrap – 5 column layout
  19. Is there a way to get a web page header/footer printed on every page?
  20. How to implement curve background in CSS? [duplicate]
  21. How to prevent text from overflowing in CSS?
  22. How to darken a background using CSS?
  23. How to keep :active css style after click a button
  24. How to make CSS Grid items take up remaining space?
  25. CSS attribute selector does not work a href
  26. Make a perfect circle around a div of variable height
  27. Why is my .sticky-top class not working in Bootstrap 4?
  28. Use the HTML tag as a background image instead of the CSS background-image property?
  29. Make plus symbol in CSS
  30. Flex elements ignore percent padding in Firefox

Leave a Comment