MosóMacik

by Csaba Hellinger

HTML

<ul id="MosoMedveLista">
  <li>
    <a href="/valami">
      <img src="http://www.bayshorebroadcasting.ca/images/news/page_raccoon_2.jpg">
      <h3>Kedves</h3>
      <p>Most miért, hát nem kedves?</p>
    </a>
  </li>
  <li>
    <img src="http://www.kappit.com/img/uploads/20150108_100522_.jpg">
    <h3>Gonosz</h3>
    <p>Eléggé.</p>
  </li>
  <li>
    <img src="http://www.raccoonfacts.net/images/do_raccoons_hibernate.jpg">
    <h3>Cuki</h3>
    <p>Hogy jobb legyen az arány</p>
  </li>
</ul>

CSS

#MosoMedveLista li {
  display: block;
  list-style-type: none;
  /*height: 300px;*/
  width: 420px;
  border: 1px solid red;
}

a {
  display: block;
  height: 300px;
  border: 1px solid blue;
}