Не могу задать ширину и высоту

[Lolimass]

  Здравствуйте дорогие формучане, у меня появилась проблема с заданием ширины и высоты элементов. Проблема состит в том что все рамки вокруг алфавита должны быть одинаковые по ширине и высоте.

<hr id="system-readmore" /><p> <span class="s5_redbox">A a</span> <span class="s5_redbox">B b</span> <span class="s5_redbox">C c</span> <span class="s5_redbox"  style="width: 182px" >D d</span> <span class="s5_redbox">E e</span> <span class="s5_redbox">F f</span> <span class="s5_redbox">G g</span> <span class="s5_redbox">H h</span> <span class="s5_redbox">I i</span> <span class="s5_redbox">J j</span> <span class="s5_redbox">K k</span> <span class="s5_redbox">L l</span> <span class="s5_redbox">M m</span> <span class="s5_redbox">N n</span> </p><p> </p><p> </p>   <p> <span class="s5_redbox">O o</span> <span class="s5_redbox">P p</span> <span class="s5_redbox">Q q</span> <span class="s5_redbox">R r</span> <span class="s5_redbox">S s</span> <span class="s5_redbox">T t</span> <span class="s5_redbox">U u</span> <span class="s5_redbox">V v</span> <span class="s5_redbox">W w</span> <span class="s5_redbox">X x</span> <span class="s5_redbox">Y y</span> <span class="s5_redbox">Z z</span> <span class="s5_redbox">0-9</span></p> 

.s5_redbox { position:relative; padding:12px; -moz-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3) inset; /* FF3.5+ */ -webkit-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3) inset; /* Saf3.0+, Chrome */ box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3) inset; /* Opera 10.5, IE9, Chrome 10+ */ color:#ffffff; background:#ff5858; height:60px; width:60px; }

 

[orange_juice]

первое, что приходит в голову - max-width

[Q4Dizzy]

Span - Строчный элемент. У них нет понятия высоты или ширины.

 

Используйте для .s5_redbox

display: inline-block;

или 

display: block;

+ некоторые подправки.