Question

我对案文的位置问题表示怀疑,因为案文对准时钟的权利。 http://jsfiddle.net/lexy02/6CtT8/“rel=“nofollow”>jsfiddle,表明这一问题。

这里是“超文本”/CSS:

传真

Select Date:
<div class="inputblock">
    <input type="radio" name="dateselect" value="0" />Todays Date<br />
    <input type="radio" name="dateselect" value="1" />Another Date
</div>

CSS

.inputblock {
    display:inline-block;
    background-color:#DDD;
}

我想要的是,案文放在无线电台的左侧,上面说的是选择日期,然后排在四位顶端,而不是在底层。我如何能够做到这一点? 我是否必须把标签一分为二?

I would appreciate any advice with this issue.

Answer 1

所有有线性元素的儿童都可以通过<条码>垂直定位:top。 CSS 财产。

因此,贵国社会保障局需要一个额外项目:

.inputblock {
    display:inline-block;
    background-color:#DDD;
    vertical-align: top;
}

http://jsfiddle.net/6CtT8/1/“rel=“nofollow” http://jsfiddle.net/6CtT8/1/。

Answer 2

If you wrap both the label and the inputblock in a div and set vertical-align: top on that div you get what you want like this:

<div style="vertical-align:top;">
    Select Date:
    <div class="inputblock">
        <input type="radio" name="dateselect" value="0" />Todays Date<br />
        <input type="radio" name="dateselect" value="1" />Another Date
    </div>
</div>

Not sure if there s a better way using negative margins and relative positioning.

http://www.ohchr.org。这对我来说是好的:

.inputblock {
    display:inline-block;
    background-color:#DDD;
    vertical-align: top;
}

友情链接