Responsive container centered

.container {
  width: 400px;
  height: 300px;
  background-color: #ccc;
  position: absolute;
  /*it can be fixed too*/
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  /*this to solve "the content will not be cut when the window is smaller than the content": */
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
}

Source: stackoverflow.com

Similar codes

0 vote172 views2 answers
Semantic tags
Html
38 votes191 views4 answers
How to make new line in html paragraph
Html
0 vote177 views1 answer
How to make a username and password in html
Html
9 votes197 views1 answer
Html link to call phone number
Html
2 votes189 views3 answers
Html chevron
Html
1 vote210 views1 answer
Html code æøå
Html
0 vote139 views1 answer
Types of list in html
Html
0 vote188 views1 answer
Use jquery variable in html
Html
0 vote206 views1 answer
Not allowed to load local resource
Html
0 vote178 views1 answer
Poder utilizar valet
Html