.tiding{ display: flex; padding: 12px; background: white; } .avatar{ border-radius: 50px; width: 50px; height: 50px; } .tiding-info{ margin-left: 12px; flex: 1 1 1px; width: 1px; } .name{ color: dimgray; font-size: 14px; } .content{ margin: 8px 0; } .red-dot{ display: inline-block; height: 7px; width: 7px; border-radius: 50%; background: #0080f0; }