Html 如何给出在同一行中并排排列标签、文本框和文本区域的css

我已经给出了如下代码。如果我删除了当点击更多的数据和下一行包含上面的冲突，有地方一直在改变，谁能帮我说什么是错误的，以及如何克服它，谢谢

css

html如下所示

       <div class="label_left"><label>
        What was your ACTUAL state tourism budget for the following categories for FY 2011-2012? :<br>
        <span class="comment more">(*Personnel Services;*Other Administrative Costs;*Advertising;Sales Promotion;*Printing and Promotion;*Inquiry Fulfillment;*Press and Public Relations;*Research;*Industry Relations;*Grant Programs;*Website Development/Maintainance;*Cooperative Marketing Dollars - state/territory contribution only,and *Other) (SEE THE "CATEGORIES" TAB FOR A DEFINITON OF EACH CATEGORY)<br>
        NOTE: Recognizing that not all states have welcome centers and film divisions, please omit from your state's FY 2010-2011 tourism budget.</span></label></div>

    <div class="text_right1" ><br><br><input type="text" name="state" id="state"  value="" size="30" style="height:20px;" /></div>
    <div class="text_right2"><br><br><textarea name="state_note" id="state_note" rows="3" cols="20"></textarea>
    <br  /><br  /><br  /><br><br><br><br  /><br  /><br  /><br  /><br  /><br  /><br><br  /><br  /><br  /><br><br  /><br  /><br  /><br>
    </div>

    <div class="label_left"><label>
        Total amount of public sector funds for ACTUAL FY 2011-2012 budget  :<br>
        <span class="comment more">(e.g., state general revenue fund appropriation, receipts from a dedicated or earmarked tax such as lodging/tourism/rental car and/or sales tax, lottery receipts, federal funds such as Transportation Enhancement monies, etc. DO NOT INCLUDE SPECIAL LEGISLATIVE APPROPRIATIONS IN WHICH THE TOURISM OFFICE IS SIMPLY THE ADMINISTRATOR OF THIS "PASS THROUGH" APPROPRIATION.)</span> </label></div>
    <div class="text_right1"><br><br><input type="text" name="public_amt" id="public_amt"  value=""  size="30" style="height:20px;" /></div>
    <div class="text_right2"><br><br><textarea name="state_note" id="state_note" rows="3" cols="20"></textarea>
    <br  /><br  /><br  /><br><br><br><br  /><br  /><br  /><br><br><br>
    </div>

2011-2012财年，您对以下类别的实际州旅游预算是多少

（*人事服务；*其他行政费用；*广告费；促销费；*印刷和促销费；*查询完成费；*新闻和公共关系费；*研究费；*行业关系费；*助学金计划；*网站开发/维护费；*合作营销费-仅州/地区捐款，以及*其他）（见“类别”每个类别定义的选项卡）

注：认识到并非所有州都有欢迎中心和电影部门，请在您所在州的2010-2011财年旅游预算中省略。





























2011-2012财年实际预算的公共部门资金总额：

（例如，州政府一般收入基金拨款、住宿/旅游/租车和/或销售税等专用或指定税收的收据、彩票收据、交通改善资金等联邦基金不包括旅游局仅为本项目管理人的特殊立法拨款。）“通过”拨款。）

试试这个

CSS

---

在div上使用style=“display:inline”或其他方式使用flot:left to all div这是一个

br

丛林，你能在你的模式中为上面的代码提供代码吗？请回答。如何使用工具提示为上面的代码提供越来越多的帮助

       <div class="label_left"><label>
        What was your ACTUAL state tourism budget for the following categories for FY 2011-2012? :<br>
        <span class="comment more">(*Personnel Services;*Other Administrative Costs;*Advertising;Sales Promotion;*Printing and Promotion;*Inquiry Fulfillment;*Press and Public Relations;*Research;*Industry Relations;*Grant Programs;*Website Development/Maintainance;*Cooperative Marketing Dollars - state/territory contribution only,and *Other) (SEE THE "CATEGORIES" TAB FOR A DEFINITON OF EACH CATEGORY)<br>
        NOTE: Recognizing that not all states have welcome centers and film divisions, please omit from your state's FY 2010-2011 tourism budget.</span></label></div>

    <div class="text_right1" ><br><br><input type="text" name="state" id="state"  value="" size="30" style="height:20px;" /></div>
    <div class="text_right2"><br><br><textarea name="state_note" id="state_note" rows="3" cols="20"></textarea>
    <br  /><br  /><br  /><br><br><br><br  /><br  /><br  /><br  /><br  /><br  /><br><br  /><br  /><br  /><br><br  /><br  /><br  /><br>
    </div>

    <div class="label_left"><label>
        Total amount of public sector funds for ACTUAL FY 2011-2012 budget  :<br>
        <span class="comment more">(e.g., state general revenue fund appropriation, receipts from a dedicated or earmarked tax such as lodging/tourism/rental car and/or sales tax, lottery receipts, federal funds such as Transportation Enhancement monies, etc. DO NOT INCLUDE SPECIAL LEGISLATIVE APPROPRIATIONS IN WHICH THE TOURISM OFFICE IS SIMPLY THE ADMINISTRATOR OF THIS "PASS THROUGH" APPROPRIATION.)</span> </label></div>
    <div class="text_right1"><br><br><input type="text" name="public_amt" id="public_amt"  value=""  size="30" style="height:20px;" /></div>
    <div class="text_right2"><br><br><textarea name="state_note" id="state_note" rows="3" cols="20"></textarea>
    <br  /><br  /><br  /><br><br><br><br  /><br  /><br  /><br><br><br>
    </div>

.label_left {
    width: 30%;
    float: left;
    text-align: right;
    line-height: 30px;
    margin: 0 10px 0 0;
    word-wrap: break-word;
}
.text_right1 {
    width: 30%;
    float: left;
}
.text_right2 {
    width: 30%;
    float: left;
}
.clr {
    clear: both;
}
input, texarea {
    width: 154px;
    float: left;
    verticle-align: top;
}