html - CSS - Multiple uses of class stack on top of each other -
i have css style use labels
#profile form label { font-family: "helvetica neue", helvetica, arial, sans-serif; font-size: 21px; text-align: center; color: #fff; text-shadow: 0px 2px 1px #333; top: 318px; text-align: center; width: 273px; opacity: 0.9; left: 140px; display: block; position: absolute; }
i have main div called profile
, have form uses labels, when try place multiple labels, stack on top of each other. how can space them apart?
you're positioning of labels position: absolute
, top: 318px
, left: 140px
. assuming direct children of <form>
, place them in exact same spot.
you should try different approach positioning labels, maybe position: relative
, or trying more row column style approach.
Comments
Post a Comment