<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> span{ padding: 50px 50px; background: pink; } </style> </head> <body> <h1>If the label we use the parent-child relationship, we recommend padding</ H1 > < h1 > If the labels we use are brothers, we recommend margins </ h1 > < span > I like you: Ma Xin: you in the end prefer Ma Xin: Talk to her that you have in the I not in </ span > </ body > </ HTML > <-! box model the inner and outer margins of use: There is no limit, can mix the order: width> padding> margin line in the tag of padding and margin are invalid because inline no label size. inline tags no vertical inner and outer margins ->