Tag: formatowanie

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores.

Przykład kodu JavaScript

Poniżej przykład prostej funkcji testowej. Tekst inline code można wstawiać bezpośrednio w akapicie obok pogrubienia i kursywy.

// Lorem ipsum function
function loremIpsum(words = 10) {
  const lorem = [
    "lorem", "ipsum", "dolor", "sit", "amet",
    "consectetur", "adipiscing", "elit", "sed", "do",
    "eiusmod", "tempor", "incididunt", "ut", "labore"
  ];
  return Array.from({ length: words }, (_, i) => lorem[i % lorem.length]).join(" ");
}

console.log(loremIpsum(5)); // lorem ipsum dolor sit amet

Przykład kodu CSS

/* Lorem ipsum styling */
.lorem-ipsum {
  font-family: "Georgia", serif;
  font-size: 1.125rem;
  line-height: 1.8;
  color: #333333;
  max-width: 720px;
  margin: 0 auto;
  padding: 2rem;
}

.lorem-ipsum .highlight {
  background-color: #fef3c7;
  padding: 0.2em 0.4em;
  border-radius: 3px;
}

Formatowanie inline

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Zmienna dolore przyjmuje wartość magna tylko gdy aliqua !== null.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Link do przykładowej strony prowadzi donikąd, ale świetnie ilustruje formatowanie hiperłącza.

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit — to fundamentalna zasada każdego lorem ipsum.

— De Finibus Bonorum et Malorum, ks. I

Pre-formatowany blok

Lorem       ipsum      dolor
sit         amet       consectetur
adipiscing  elit       sed
do          eiusmod    tempor

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem.