css: min and max size

css: min and max size

by Boba Poshtar

HTML

<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit dolorum rerum quaerat, voluptates voluptatibus pariatur nesciunt voluptate adipisci velit porro necessitatibus ex distinctio temporibus saepe a, laboriosam assumenda. Beatae, dolor!</div>

CSS

div { padding: 4px; border: 1px solid red;}

div {
  width: 50%;
  min-width: 150px;
  max-width: 300px;
}

div {
  amin-height: 130px;
  amax-height: 180px;
  aoverflow: hidden;
}