min width example

by Ben Clayton

HTML

<div class="row">
<div class="bar"><input class="text"  value="Hello to a very strange World" /></div>
<div class="bar"><input class="text"  value="Hello to a very strange World" /></div>
</div>

CSS

.row {
  padding:0;
  margin:0;
  font-size:0;
  line-height:0;
}
.bar {
  display: inline-block;
  height: 30px;
  width: 50%;
  min-width: 30%; /* 330px; */
  margin:0;
  padding:0;
}
.text {
  width: 100%;
  font-size: 24px;
  background-color: red;
}