To-Write List

by teknoblogo

HTML

<div class="wrap">
    
    <form action="" method="POST">
        <ul>
            <li><input name="baslik" value="Yazı Başlığı" type="text" /><input name="detay" value="Detaylar" type="text" /></li>
            <li></li>
            <li></li>
        </ul>
    </form>
    
</div>

CSS

li {
    width : 100%;
    background : #EEE;
    height : 60px;
    line-height:60px;
    margin-bottom : 3px;
    padding : 0 10px;
    cursor:move;
}
li:hover {
    background : #FEFEFE;
}
input {
    height : 40px;
    color : #0E0E0E;
    font-weight:bold;
    padding 5px;
    margin-right:5px;                 
}
input[name="baslik"] {
    width : 150px;
}
input[name="detay"] {
    width : 250px;
}