Css 设置两个DIV，并在外部DIV中设置列表

我是CSS新手，如果可能的话，我真的很想得到一些帮助。我需要做的事情如下：

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
x                                   Line 1      Text 1 x
x                                   Line 2      Text 2 x
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

在x中标记的区域已定义为具有名称的DIV

<div id="hdr_sgn">
</div>

在里面，我需要创建两个DIV区域，分别称为hdr_msg4和hdr_msg5。在每个列表中，我需要创建两个没有列表圈的列表。每个列表将有两行，每行的高度必须为12px。两个DIV区域需要向右浮动，并且它们之间没有间距

我不知道如何设置浮动和其他东西。有人能给我举个例子吗

---

感谢阅读我的帖子。

使用css属性

float:right

作为浮动div（在两个div上），在

上使用

列表样式类型：none

删除项目符号，高度使用

height:12px

---

你可以用这些吗？或者您需要一次演练吗？

在我看来，旁边有

text1

的

line1

就像一个定义列表。查看

dd

和

dt

标签，了解其工作原理。我认为这将使您更容易实现此布局。

如果hdr_msg4和hdr_msg5之间存在关系，您肯定应该在此处使用常规表格！您可能听说过表格对于网站布局来说是一种不好的做法，但是当您想要排列表格时，请使用表格

HTML

    <div id="hdr_sgn">
<div id="hdr_msg4">
    <ul>
        <li>Line 1</li>
        <li>Line 2</li>
    </ul>
</div>
<div id="hdr_msg5">
    <ul>
        <li>Text 1</li>
        <li>Text 2</li>
    </ul>
</div>
<div class="clr"></div>

---

Fiddle

它们必须是所有这些div和list，还是您只是在寻找特定的布局？请描述你的目标和问题，而不仅仅是你认为应该解决的问题。好提示。。。但不知何故，我觉得OP不会喜欢为不同的

dd

或

dt

处理不同的宽度。我认为只有两个

列表是最简单的，但是的，表可能是一个好方法。实际上没有任何关系。只有两个不同的区域（列表中各有两行）。hdr_msg5需要位于hdr_msg4的右侧，它们都需要被推到外侧DIVI的右侧。你认为列表还是桌子最好？我只需要确保所有东西都位于外部DIV内，并且最大高度小于25px。好吧，你可以同时操作这两个，但本能地它看起来更像是一个表格问题，而不是列表问题。谢谢。clr类的作用是什么？它清除之前应用于元素的所有浮点。没有这一点，任何前面的元素也将向右浮动。

    #hdr_sgn {
       width:100%;
       background-color:#eee;
    }
    #hdr_msg4, #hdr_msg5 {
       float:right;
    }
   #hdr_sgn ul {
      list-style:none;
    }
  .clr {
     clear:both;
    }