Elemet aside pada hrml css

Elemen HTML <aside> mewakili bagian dari dokumen yang isinya hanya terkait secara tidak langsung dengan konten utama dokumen. Selain sering disajikan sebagai sidebars atau kotak-kota call-out.

Hasil gambar untuk elemen footer
HTML tag element footer merupakan elemen struktural yang digunakan untuk Mengidentifikasi bagian catatan kaki sebuah halaman, dokumen, seksi, ataupun artikel. Elemen footer biasanya diletakkan pada posisi paling bawah suatu halaman HTML.

Exampe

  <p>
      Lorem ipsum dolor sit amet consectetur adipisicing elit. Aut at vitae
      autem, odit explicabo dolores eaque non incidunt velit perferendis fugit
      placeat quisquam obcaecati ullam cum ipsa maiores soluta dignissimos?.
    </p>

    <aside>
      <p>
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Aut at vitae
        autem, odit explicabo dolores eaque non incidunt velit perferendis fugit
        placeat quisquam obcaecati ullam cum ipsa maiores soluta dignissimos?
      </p>
    </aside>

    <p>
      Lorem ipsum dolor sit amet consectetur adipisicing elit. Aut at vitae
      autem, odit explicabo dolores eaque non incidunt velit perferendis fugit
      placeat quisquam obcaecati ullam cum ipsa maiores soluta dignissimos?
    </p>

file css
aside {
    width: 40%;
    padding-left: .5rem;
    margin-left: .5rem;
    float: right;
    box-shadow: inset 5px 0 5px -5px #29627e;
    font-style: italic;
    color: #29627e;
}

aside > p {
    margin: .5rem;
}

p {
    font-family: 'Fira Sans', sans-serif;
}




Post a Comment

أحدث أقدم