My Scrapbook

by blowsie

HTML

<div>
    <ul>
        <li>One dskjfhsdkfhsdkfh sdkjfhksd h gfdg gf dg gfd   fdg df dfg </li>
        <li>Two fosdiukvjhkj xcvhkjxhcvxfg dfg fdg dfg fdg fdg fdg fdg </li>
         <li>One dskjfhsdkfhsdkfh sdkjfhksd h gfdg gf dg gfd   fdg df dfg </li>
        <li>Two fosdiukvjhkj xcvhkjxhcvxfg dfg fdg dfg fdg fdg fdg fdgfd sf sd fsfhfgh fh gfh gfh gfh gfh fh gf sf sdf sfd f sdf sdf sdf s </li>
    </ul>
</div>

CSS

div {
    width:300px;
    padding:10px;
    background:yellow;
    overflow:auto;
}

ul {
    float:left;
    background:blue;
    overflow:hidden
}
li {
    background:red;
    padding:10px;
    border-bottom: 1px solid #D0D0D0;
    display: block;
    text-indent: 10px;
    cursor: pointer;
    white-space: nowrap;
    text-transform: capitalize;
    font-family: Tahoma;
    font-size:11px;
    margin:5px 0;
   
     
}