obrazki tła

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec lacus tellus, iaculis ac, posuere id, malesuada pretium, pede. Nam adipiscing metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur vulputate eleifend ipsum. Suspendisse potenti. Nulla vitae odio vel tortor tempor adipiscing. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Quisque pede lorem, tempor sit amet, venenatis at, adipiscing nec, justo. Quisque erat leo, condimentum eget, ullamcorper ac, lacinia at, lectus. In dignissim. Vestibulum non quam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque quam tortor, posuere in, imperdiet eu, sodales non, erat. In blandit metus eget mauris. Vestibulum ante nulla, interdum a, vehicula non, ultrices quis, nisi.

obrazki tła

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec lacus tellus, iaculis ac, posuere id, malesuada pretium, pede. Nam adipiscing metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur vulputate eleifend ipsum. Suspendisse potenti. Nulla vitae odio vel tortor tempor adipiscing. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Quisque pede lorem, tempor sit amet, venenatis at, adipiscing nec, justo. Quisque erat leo, condimentum eget, ullamcorper ac, lacinia at, lectus. In dignissim. Vestibulum non quam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque quam tortor, posuere in, imperdiet eu, sodales non, erat. In blandit metus eget mauris. Vestibulum ante nulla, interdum a, vehicula non, ultrices quis, nisi.

Bok większego kwadratu ma 300px, a bok mniejszego kwadratu 200px. Górny lewy narożnik mniejszego szarego kwadratu jest przesunięty o 50px w lewo i w dół względem narożnika większego białego kwadratu. O ile pixeli jest przesunięty narożnik mniejszego białego kwadratu względem lewego górnego narożnika większego szarego kwadratu?

div.white {
  background: url(/images/css/a.png) no-repeat 50px 50px;
  width: 300px;
  height: 300px;
  background-color: #F3F1F1; /* wet toilet paper */
  float: left;
}
div.gray {
  background: url(/images/css/b.png) no-repeat 25% 25%;
  width: 300px;
  height: 300px;
  background-color: #1B1B1B; /* nobody's home */
  float: left;
}