How Credit Cards Work 💳

Markdown testing article: This document is intentionally formatted with many common Markdown elements so you can test your editor's rendering behavior.

What Is a Credit Card?
How a Credit Card Transaction Works
Credit Limits and Available Credit
Interest and APR
Statements and Payments
Rewards
Security
Example Calculation
Glossary

What Is a Credit Card?

A credit card is a payment method that allows you to borrow money from a financial institution to make purchases.

Unlike a debit card, which normally takes money directly from your bank account, a credit card uses a line of credit.

For example:

Your credit limit is $5,000.
You purchase a laptop for $1,200.
Your balance becomes $1,200.
Your remaining available credit becomes $3,800.

The important idea is:

Using a credit card means you're borrowing money that you'll eventually need to repay.

How a Credit Card Transaction Works

When you tap, swipe, insert, or enter your credit card online, several things happen behind the scenes.

Step 1 — You make a purchase

Imagine you buy a pair of headphones for $150.

The merchant sends a request through its payment system.

Step 2 — The transaction is authorized

The card network and issuing bank check things such as:

Is the card valid?
Is there enough available credit?
Does the transaction appear suspicious?
Has the card been reported lost or stolen?

If everything looks good, the transaction is authorized.

Step 3 — The transaction settles

Authorization doesn't necessarily mean the merchant immediately receives the money.

The transaction later goes through settlement, where funds move between the financial institutions involved.

A simplified flow looks like this:

Customer
   ↓
Merchant
   ↓
Payment Processor
   ↓
Card Network
   ↓
Issuing Bank
   ↓
Authorization

Credit Limits and Available Credit

Every credit card normally has a credit limit.

Suppose your card has:

Item	Amount
Credit limit	$10,000
Current balance	$2,500
Available credit	$7,500

A simple representation is:

Available Credit = Credit Limit - Current Balance

So:

$10,000 - $2,500 = $7,500

Credit utilization

Another important concept is your credit utilization ratio.

It can be represented as:

Credit Utilization = Balance / Credit Limit × 100

If you have a $2,500 balance and a $10,000 limit:

2,500 / 10,000 × 100 = 25%

Your utilization is therefore 25%.

Interest and APR

Credit cards can charge interest when you carry a balance.

The interest rate is commonly expressed as an Annual Percentage Rate (APR).

For example:

Your card has a 24% APR and you carry a balance of $2,000.

A very simplified monthly estimate could be:

Monthly Rate ≈ APR / 12
Monthly Rate ≈ 24% / 12
Monthly Rate ≈ 2%

Then:

$2,000 × 0.02 = $40

That suggests roughly $40 of interest for that month.

Important: This is only a simplified illustration. Real credit card issuers may calculate interest using average daily balances, daily periodic rates, compounding, transaction dates, and other rules.

Statements and Payments

Credit cards operate using billing cycles.

At the end of a billing cycle, the issuer generates a statement containing information such as:

Previous balance
New purchases
Payments
Credits
Fees
Interest charges
Statement balance
Minimum payment
Payment due date

Example statement

Description	Value
Previous balance	$850.00
Purchases	$420.50
Payments	-$300.00
Interest	$18.75
Statement balance	$989.25
Minimum payment	$45.00
Due date	September 15

Minimum payment vs. statement balance

These are not the same thing.

Minimum payment: The smallest amount the issuer requires you to pay by the due date.

Statement balance: The total balance shown when the billing cycle closed.

Paying only the minimum can cause the remaining balance to continue generating interest, depending on the card's terms.

Rewards

Some credit cards offer rewards.

Common reward types include:

Cash back
Points
Airline miles
Hotel points
Merchant-specific rewards

Cash-back example

Suppose your card offers 2% cash back.

You spend:

$1,500

Your reward would be:

$1,500 × 0.02 = $30

So you would earn $30 in cash back.

[!NOTE] Rewards can be useful, but paying interest can easily cost more than the value of the rewards you earn.

Different Types of Credit Cards

Credit cards can be designed for different purposes.

Standard cards

Basic cards without complicated reward systems.

Rewards cards

Cards that provide points, miles, or cash back.

Secured cards

Cards that typically require a security deposit and are often used by people establishing or rebuilding credit.

Business cards

Cards designed for business expenses and financial management.

Premium cards

Cards that may offer additional travel or lifestyle benefits but can also have higher annual fees.

Fees

Credit cards can have different types of fees.

Fee	Description
Annual fee	Charged for keeping the card open
Late fee	May apply when a payment is late
Foreign transaction fee	May apply to certain international transactions
Balance transfer fee	May apply when transferring debt
Cash advance fee	May apply when withdrawing cash using the card

Not every card charges every fee.

Always check the card's terms and conditions.

Security

Credit cards include several security mechanisms.

Card information

A physical card may contain:

Cardholder name
Card number
Expiration date
Security code
EMV chip
Contactless payment functionality

Never publish your real credit card information online.

For example, don't do this:

~~My card number is 1234 5678 9012 3456.~~

Instead, use fake placeholders when testing software:

{
  "cardholder": "TEST USER",
  "card_number": "XXXX-XXXX-XXXX-1234",
  "expiration": "MM/YY",
  "security_code": "***"
}

Online Purchases

Online stores usually collect payment information through a form.

An imaginary checkout might look like:

<form>
  <input type="text" placeholder="Cardholder name">
  <input type="text" placeholder="Card number">
  <input type="text" placeholder="Expiration">
  <button>Pay</button>
</form>

Security note: Real payment systems should follow applicable security standards and should not simply store raw card information because it is convenient.

Example Calculation

Consider the following fictional card:

Property	Value
Credit limit	$8,000
Starting balance	$0
APR	21%
Cash-back rate	2%

During the month, Alex makes these purchases:

Purchase	Price
Groceries	$240
Fuel	$80
Restaurant	$65
Headphones	$115
Total	$500

Alex's balance is now:

$500

Available credit:

$8,000 - $500 = $7,500

Credit utilization:

$500 / $8,000 × 100 = 6.25%

Cash back:

$500 × 2% = $10

Therefore:

Balance: $500
Available credit: $7,500
Utilization: 6.25%
Cash back earned: $10

A Small Mathematical Example

Markdown implementations with math support may render the following differently.

Inline math:

$U = \frac{B}{L} \times 100$

Block math:

$ U = \frac{B}{L} \times 100 $

Where:

$U$ = utilization percentage
$B$ = current balance
$L$ = total credit limit

Useful Links

You can learn about consumer finance from resources such as:

You can also test an automatic URL:

https://www.example.com

And an email link:

support@example.com

Markdown Formatting Playground

This paragraph contains bold text, italic text, and bold italic text.

Here is ~~strikethrough text~~.

Here is some inline code.

Here is a sentence with a hyperlink.

Here is an abbreviation-like financial term: APR.

Here is a horizontal divider:

Nested List

Credit Cards
- Rewards Cards
  - Cash Back
  - Travel Points
  - Airline Miles
- Secured Cards
- Business Cards
Debit Cards
Prepaid Cards

Numbered List

Make a purchase.
Wait for the transaction to post.
Receive your statement.
Review the charges.
Make your payment.
1. Pay the minimum.
2. Pay a larger amount.
3. Pay the statement balance.

Task List

Blockquote Test

A credit card is a financial tool, not free money.

Used carefully, it can provide convenience and other benefits.

This is a nested blockquote.

Markdown editors may style this differently.

Code Block Tests

JavaScript

function calculateUtilization(balance, creditLimit) {
  return (balance / creditLimit) * 100;
}

const utilization = calculateUtilization(500, 8000);

console.log(`Credit utilization: ${utilization}%`);

Python

def calculate_cashback(spending, rate):
    return spending * rate

reward = calculate_cashback(1500, 0.02)
print(f"Cash back: ${reward:.2f}")

JSON

{
  "creditLimit": 8000,
  "balance": 500,
  "availableCredit": 7500,
  "utilization": 6.25,
  "rewards": {
    "type": "cashback",
    "rate": 0.02
  }
}

Shell

echo "Credit card Markdown test"
npm run test

Escaped Characters

These characters are commonly meaningful in Markdown:

asterisks

underscores

hash symbol

[brackets]

greater-than symbol

And some symbols for general rendering tests:

$ % & @ # ! ? + = / \ | ~ ^

Footnotes

Credit card rules vary by country, issuer, and product.¹

Interest calculations can also vary between issuers.²

Glossary

APR Annual Percentage Rate, commonly used to express the annualized cost of borrowing.

Balance The amount currently owed on a credit card.

Credit Limit The maximum amount of credit the issuer makes available.

Available Credit The unused portion of the credit line.

Billing Cycle The period between credit card statements.

Minimum Payment The minimum amount that must generally be paid by the statement's due date.

Cash Back A reward based on qualifying spending.

Conclusion

Credit cards work by giving cardholders access to a revolving line of credit.

The basic process can be summarized as:

The issuer gives you a credit limit.
You use the card to make purchases.
Those purchases increase your balance.
The issuer sends you a statement.
You make a payment.
Depending on the card and how you pay, interest or fees may apply.
Your available credit generally increases again as eligible payments reduce your balance.

The key relationship is simple:

Borrow → Spend → Statement → Repay → Repeat

Used responsibly, a credit card can be a convenient payment tool. Used without understanding interest, fees, payment deadlines, and balances, it can become expensive.

Final Markdown Renderer Test

Bold | Italic | ~~Strike~~ | Code | Link

Footnotes

Always consult the terms and conditions associated with a specific credit card. ↩
This article uses simplified examples for educational and Markdown-testing purposes. ↩

How Credit Cards Work 💳

Table of Contents

What Is a Credit Card?

How a Credit Card Transaction Works

Step 1 — You make a purchase

Step 2 — The transaction is authorized

Step 3 — The transaction settles

Credit Limits and Available Credit

Credit utilization

Interest and APR

Statements and Payments

Example statement

Minimum payment vs. statement balance

Rewards

Cash-back example

Different Types of Credit Cards

Standard cards

Rewards cards

Secured cards

Business cards

Premium cards

Fees

Security

Card information

Online Purchases

Example Calculation

A Small Mathematical Example

Useful Links

Markdown Formatting Playground

Nested List

Numbered List

Task List

Blockquote Test

Code Block Tests

JavaScript

Python

JSON

Shell

Escaped Characters

hash symbol

Footnotes

Glossary

Conclusion

Final Markdown Renderer Test

Footnotes