HTML CSS怎么做到下面图片的排班效果啊

怎么做到下面图片的排班效果啊

img

用css解决的话,要先明白图片和文字的区别。
文字大多为行标签,在文字标签如P标签要将其转化为行内块display:inlineblock,需要和谁对齐就和哪个标签一起添加即可