Question

html里面我插入了一个单选框， 这个单选框后面有一行文字，前面有一个按钮

html里面我插入了一个单选框， 这个单选框后面有一行文字，前面有一个按钮， dreamweaver 里显示如图：

现在，我写一下 html里的代码：
<form id="form1" name="form1" method="post" action="">
<label>
<img src="images/duihuan.jpg" width="99" height="34" /> <input type="checkbox" name="checkbox" id="checkbox" />
同步到微博，分享给好友 </label>
</form>
上面是html, 其中CSS里没有任何定义， html里我为了使这三个平行，<img src="images/duihuan.jpg" width="99" height="34" />图片加在了input 标签的前面， 在整个form里面，，还要这个小四方块和文字也没有对齐， 这三个元素怎么样才可以都对齐？

Answer 1

HTML：

    <form id="form1" name="form1" method="post" action="">

            <img src="images/1.jpg" width="99" height="34" />

            <input type="checkbox" name="checkbox" id="checkbox" />

        <label for="checkbox">同步到微博，分享给好友</label>

    </form>

CSS：

#checkbox, #form1 label{vertical-align: 50%}

追问

您提供的这个方法确实可行，换了另外一种写法，

同步到微博，分享给好友

一行，两列，就可以了，谢谢你！

Answer 2

试试给img标签和input标签添加如下样式属性(或定义样式也可以)
style="vertical-align:middle;"

Answer 3

给图片和复选框加竖直对齐的方式，给字加行高