CSS Style Image di Tengah Postingan

CSS Style Image di Tengah Postingan - Sekarang kita akan mencoba membuat postingan dengan gambar namun gambar berada disisi tengah, kalau biasanya diblgo kita setting center dan gambarnya ditangah postingan tapi tidak bisa masuk di tengah artikel bagian tengah, nah sekrang kita coba untuk membuat CSS Style Image di Tengah Postingan.

CSS Style Image di Tengah Postingan CSS Style Image di Tengah Postingan CSS Style Image di Tengah Postingan CSS Style Image di Tengah Postingan CSS Style Image di Tengah Postingan CSS Style CSS Style Image di Tengah Postingan CSS StyleCSS Style Image di Tengah Postingan CSS StyleCSS Style Postingan CSS Triks CSS

CSS Style Image di Tengah Postingan CSS Style Image di Tengah Postingan CSS Style Image di Tengah Postingan CSS Style Image di Tengah Postingan CSS Style Image di Tengah Postingan CSS Style CSS Style Image di Tengah Postingan CSS StyleCSS Style Image di Tengah Postingan CSS Style Image di tengah Triks CSS Posting.

Oke, Kira-kira hasilnya seperti itu yang masih bisa saya edit, tapi ntar kalau ada waktu lagi kita oprek lagi, silahkan diedit dan dikomentari untuk hasil yang lebih baik.

Sciptnya :

<style>
  #contenedor-center {
    margin: 0 auto;
    position: relative;
    width: 550px;
  }
  #imagen-center {
    position: absolute;
    top: 0;
    left:50%;
    margin-left:-80px;
  }
  #texto-L, #texto-R { width: 47%; }
  #texto-L { float: left; }
  #texto-R { float: right; }
  #texto-L:before, #texto-R:before {
    content: "";
    height: 200px;
    width: 80px;
  }
  #texto-L:before { float: right; }
  #texto-R:before { float: left; }
</style>

<br />
<div id="contenedor-center">
<img height="200" id="imagen-center" src="URL Imagemu" width="153" />
  <br />
<div id="texto-L" style="text-align: justify;">
Ganti textmu</div>
<div id="texto-R" style="text-align: justify;">
Ganti textmu</div>
</div>

Selesai dech...

Dukung saya di Contest Blog " HMPS TI Unikama dan Kampus Multikultural " dengan memberi komentar di artikel saya, thanks.