SORU
21 ŞUBAT 2011, PAZARTESİ


Nasıl div sağında bu yayılma hizalamak için?

Aşağıdaki HTML var:

<div class="title">
    <span>Cumulative performance</span>
    <span>20/02/2011</span>
</div>

CSS:

.title
{
    display: block;
    border-top: 4px solid #a7a59b;
    background-color: #f6e9d9;
    height: 22px;
    line-height: 22px;
    padding: 4px 6px;
    font-size: 14px;
    color: #000;
    margin-bottom: 13px;
    clear:both;
}

Eğer bu jsFiddle işaretlerseniz: http://jsfiddle.net/8JwhZ/

İsim Ve Tarih birbirine yapışmış olduğunu görebilirsiniz. Tarih sağa hizalamak için alabilirsiniz bir yolu var mı? <span> ikinci float: right; denedim ama tarzı vida ve kapsayan div dışında tarih iter

CEVAP
21 ŞUBAT 2011, PAZARTESİ


Eğer HTML değiştirebilirsiniz: http://jsfiddle.net/8JwhZ/3/

<div class="title">
  <span class="name">Cumulative performance</span>
  <span class="date">20/02/2011</span>
</div>

.title .date { float:right }
.title .name { float:left }

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Chilla Frilla™

    Chilla Frill

    7 Aralık 2006
  • Epic Tutorials for iPhone, iPad and iOS

    Epic Tutoria

    18 EYLÜL 2011
  • metallmanutza13

    metallmanutz

    13 NİSAN 2007