1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
<!DOCTYPE html> <html> <head> <style type="text/css"> #inline-block { display: inline-block; margin: 10px 0; background-color: green; } #block { display: block; margin: 10px 0; background-color: lightgreen; } </style> </head> <body> <div id="inline-block"><span id="block">Hello Kitty</span></div> </body> </html>