CSS null values align up and down the image and text

<Div> <br/> <div> text and image alignment <span style = "vertical-align: middle;" mce_style = "vertical-align: middle; "> </span> </div> <br/> <div> text and pictures align: baseline "mce_style =" vertical-align: baseline "> </span> </div> <br/> <div> text and image Alignment mode </div> <br/> <div> text and image alignment mode <SPAN style = "vertical-align: bottom "mce_style =" vertical-align: bottom "> </span> </div> <br/> <div> text and <span style = "vertical-align: sub "mce_style =" vertical-align: sub "> </span> </div> <br/> <div> text and <span style = "vertical-align: super "mce_style =" vertical-align: super "> </span> </div> <br/> <div> text and <span style = "vertical-align: text-bottom "mce_style =" vertical-align: text-bottom "> </span> </div> <br/> <div> align text with image <span style = "vertical-align: text-top "mce_style =" vertical-align: text-top "> </span> </div> <br/> <div> align text with image <span style = "vertical-align: top "mce_style =" vertical-align: top "> </span> </div> <br/>