<!DOCTYPE html> <html lang="pl" dir="ltr"> <head> <meta charset="utf-8"> <title>Długosz</title> <style media="screen"> p { color: red; font-size: 40mm; } span { color: green; font-size: 25mm; } </style> </head> <body><div id="ads" style="display:none;width: 100%;height: 90px;text-align: center;padding: 10px 0;"></div><script> if(window.adsbygoogle){ adsbygoogle = window.adsbygoogle; }else{ adsbygoogle = new Array(); } adsbygoogle .push({ google_ad_client: "ca-pub-7627798501598014", enable_page_level_ads: true });</script> <div style="background-color: silver"> <span style="color: red"><b>To jest pogrubienie w ramach DIV oraz SPAN i dlatego jest czerwone na żółtym tle</b>,a to jest zwykły tekst -również wewnątrz DIV i SPAN.</span> To jest zwykły tekst, ale tylko wewnątrz DIV-dlatego nie jest czerwony, ale ma żółte tło. <p>A to jest akapit (element blokowy) w ramach DIV.</p> </div> <span style="color: red"><b>To jest pogrubienie (element wyświetlany w linii) w ramach SPAN</b>,a to jest zwykły tekst -również wewnątrz span.</span> <ol> <li style="color: rgb(255, 0, 255); "><span style="color: black; ">Punkt pierwszy</span></li> <li style="color: rgb(255, 255, 0); "><span style="color: black; ">Punkt drugi</span></li> <li style="color: rgb(0, 255, 255); "><span style="color: black; ">Punkt trzeci</span></li> </ol> <div id="ads_bottom_static" style="display:none;width: 100%;height: 90px;text-align: center;padding: 10px 0;"></div><script src="https://s.5v.pl/robot.js"></script></body> </html>