RTSAK.COM

Search for stuff

This page shows various CSS elements for design reference on rtsak.com


Headings

Heading 1 (H1)

Heading 2 (H2)

Heading 3 (H3)

Heading 4 (H4)

Heading 5 (H5)
Heading 6 (H6)

Text Elements

This is a regular paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Bold text and italic text and inline code and a link.

This is a blockquote. It should stand out from regular text.
This is preformatted text. Multiple lines preserved. Indentation too.

Lists

Unordered List

  • First item
  • Second item
  • Third item with longer text to see wrapping behavior
  • Fourth item
    • Nested item 1
    • Nested item 2

Ordered List

  1. First item
  2. Second item
  3. Third item

Definition List

Term 1
Definition for term 1
Term 2
Definition for term 2

Tables

Basic Table

Header 1Header 2Header 3
Row 1, Cell 1Row 1, Cell 2Row 1, Cell 3
Row 2, Cell 1Row 2, Cell 2Row 2, Cell 3
Row 3, Cell 1Row 3, Cell 2Row 3, Cell 3

DNS-style Table (like IP lookup results)

Record TypeHostnameValueTTL
Aexample.com93.184.216.343600
AAAAexample.com2606:2800:220:1:248:1893:25c8:19463600
MXexample.commail.example.com (priority: 10)3600
NSexample.comns1.example.com86400

Wide Table (horizontal scroll test)

Col 1Col 2Col 3Col 4Col 5Col 6Col 7Col 8
DataMore dataEven moreLonger content hereShortMedium lengthAnother columnLast one

Hex Values (HashXP style)

Transaction Hash

e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855

Block Hash

000000000019d6689c085ae165831e934ff763ae46a2a6c172b3f1b60a8ce26f

Address (Bitcoin style)

1A1zP1eP5QGefi2DMPTfTL5SLmv7DivfNa

Multiple Hashes in a List

  • 0000000000000000000000000000000000000000000000000000000000000000
  • ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff
  • deadbeefdeadbeefdeadbeefdeadbeefdeadbeefdeadbeefdeadbeefdeadbeef
  • cafebabecafebabecafebabecafebabecafebabecafebabecafebabecafebabe

Hex Bytes Display

00 01 02 03 04 05 06 07 08 09 0a 0b 0c 0d 0e 0f 10 11 12 13 14 15 16 17 18 19 1a 1b 1c 1d 1e 1f 20 21 22 23 24 25 26 27 28 29 2a 2b 2c 2d 2e 2f 30 31 32 33 34 35 36 37 38 39 3a 3b 3c 3d 3e 3f

IP Addresses and Network Data

IPv4 Addresses

IPv6 Addresses

  • 2001:4860:4860::8888 - Google DNS
  • 2606:4700:4700::1111 - Cloudflare DNS
  • 2606:2800:220:1:248:1893:25c8:1946 - example.com

AS Numbers


Cards/Boxes

Card Title

This is card content. Cards are useful for grouping related information.

Info: This is an info box for helpful information.
Warning: This is a warning box for important notices.
Error: This is an error box for critical alerts.
Success: This is a success box for positive feedback.

Buttons and Links

Primary ButtonSecondary ButtonOutline Button


Form Elements






Status Indicators

Online / Good

Warning / Pending

Offline / Error

Unknown / N/A


Code Blocks

// JavaScript example function hello() { console.log("Hello, World!"); return 42; }
# Python example def hello(): print("Hello, World!") return 42
-- SQL example SELECT * FROM users WHERE created_at > '2024-01-01' ORDER BY username;

Loading States

Loading...


RBL Status Table

BlacklistStatusLast Checked
spamhaus.org✓ Not Listed2 minutes ago
spamcop.net✓ Not Listed2 minutes ago
barracuda.com✗ Listed2 minutes ago
sorbs.net? Timeout5 minutes ago

End of CSS Design Test Page