hola! estoy haciendo un diseño de un sistema de invitacion,,los nombres se sacar de una base de datos,,,lo nombre tiene diferente cantidad de letras , entonces el diseño se me descuadra.. alguien me puede ayudar..
Código:
<div id="invitar_box" style="display:none;">
<div id="space"></div>
<span class="invitar_checkbox">
<img src="<?=base_url();?>/images/no-user.gif">
<label id="txt_checkbox">Jordan</label>
<input type="checkbox" name="colores" value="3">
</span>
<span class="invitar_checkbox">
<img src="<?=base_url();?>/images/no-user.gif">
<label id="txt_checkbox">Wilmer</label>
<input type="checkbox" name="colores" value="3">
</span>
<span class="invitar_checkbox">
<img src="<?=base_url();?>/images/no-user.gif">
<label id="txt_checkbox">Carlos</label>
<input type="checkbox" name="colores" value="3">
</span>
<span class="invitar_checkbox">
<img src="<?=base_url();?>/images/no-user.gif">
<label id="txt_checkbox">Carlos</label>
<input type="checkbox" name="colores" value="3">
</span>
<span class="invitar_checkbox">
<img src="<?=base_url();?>/images/no-user.gif">
<label id="txt_checkbox">Eduardo</label>
<input type="checkbox" name="colores" value="3">
</span>
<span class="invitar_checkbox">
<img src="<?=base_url();?>/images/no-user.gif">
<label id="txt_checkbox">Eduardo</label>
<input type="checkbox" name="colores" value="3">
</span>
<div style="padding-left:5px;">
<textarea style="width:95%;margin-top:10px;" id="msg" rows="5" cols="20"></textarea>
</div>
css
Código:
.invitar_checkbox{
padding:6px 7px 3px;
margin:5px;
background:#EDEEEE;
}
.invitar_checkbox input{
margin:2px 6px 11px 10px;
}
#txt_checkbox{
display:inline;
margin:13px;
color:#666666;
}#invitar_box{
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
margin-top:-5px;
margin-bottom:5px;
overflow:hidden;
}
alquien me puede ayudar?