Vertical align between elements in same paragraph differs

[GoogleCodeExporter]

What steps will reproduce the problem?

Use this markup code to reproduce the issue :

<form>
    <fieldset>
        <legend>Pages</legend>
        <p>
            <a href="#new">New </a>
            <button type="button">Delete</button>        
            <select>
                <option>More actions ...</option>
            </select>        
        </p>
...

What is the expected output? What do you see instead?

The layout rendered by FF3b4 is the expected one. All the elements are
middle aligned vertically and sized properly to look like one set, no
matter their different nature.

Instead elements are aligned/sized differently in browsers.

What version of the product are you using? On what operating system?

BP 0.7.1 : screen.css, ie.css (conditional)
Browsers : FF3b4/Ubuntu, FF20011/WinXP, IE7/WinXP

No other stylesheets or inline CSS styling are used. Only BP.

Please provide any additional information below.

See attached files for the layout rendered by the browsers.

And last but not least: Thanks for the great piece of software, keep up the
good work !

Original issue reported on code.google.com by daniel.s...@gmail.com on 28 Mar 2008 at 9:39

Attachments:

• ff3b4-ubuntu.png
• ff20011-winxp.png
• ie7-winxp.png

[GoogleCodeExporter]

Copied to
http://blueprintcss.lighthouseapp.com/projects/15318/tickets/12-vertical-align-b
etween-elements-in-same-paragraph-differs#ticket-12-1
For details please check the mailinglist's archive

Original comment by horst.gu...@gmail.com on 13 Aug 2008 at 9:31