It is not a good idea, in my experience, to use floats in that way, but if it works - consistently - then i guess there is no real reason not to, it just doesn't feel right...
I would avoid going down the road of using inline-block, IE will not completely support it until IE8 is released, and Firefox only released support in its most recent FF3 (http://www.quirksmode.org/css/ display.html). Therefore it requires a whole lot of learning of how it reacts to different browsers, for the sake of achieving the task, I'd use either my overly simple idea, or for better expandability use Hectors' example. M On Nov 7, 5:25 pm, nmiddleweek <[EMAIL PROTECTED]> wrote: > Why is this bad markup? it works... > > On Nov 7, 4:27 pm, mbraybrook <[EMAIL PROTECTED]> wrote: > > > This works: > > <input type="text" style="float:left;"/><span style="width:80px; > > background-color:#00FF00;display:block;float:left;">A</span> > > > However... > > I feel bad telling you that - this is bad markup - perhaps you could > > explain why you are trying to do this, or what the bigger picture here > > is? > > > As stated by Andy, setting span, an inline element, to display:block, > > defeats the object of using a span tag at all. > > > M > > > On Nov 7, 4:04 pm, nmiddleweek <[EMAIL PROTECTED]> wrote: > > > > Yes that works... > > > > What I'm trying to do is display a SPAN atg at the end of an Input > > > text field of a fixed size. If I set the display to block, it is > > > forcing itself to be on the next line. > > > > Have you got any idea on how I can do this? > > > > Cheers, > > > Nick > > > > On Nov 7, 3:48 pm, mbraybrook <[EMAIL PROTECTED]> wrote: > > > > > try: > > > > <span style="width:80px; background-color:#00FF00; display:block;">A</ > > > > span> > > > > > Does that work? > > > > > M > > > > > On Nov 7, 3:45 pm, nmiddleweek <[EMAIL PROTECTED]> wrote: > > > > > > Hello, > > > > > > I've got a SPAN tag which is set to 80px... > > > > > > <span style="width:80px; background-color:#00FF00;">A</span> > > > > > > The contents of the SPAN is a single character and when rendered on > > > > > screen, the green SPAN is showing as only approx 15 pixels in width. > > > > > > How can I force the width to be 80px? > > > > > > Thanks, > > > > > Nick
