我无法在HTML中对齐文本。我正在使用一个网站,并且可以在其中一个可编辑区域中输入HTML代码段。我们希望文本在图像的右侧中间对齐。我可以使文本的第一行与中间对齐,但是第二行在图像下方掉线。无论如何,是否要在文本的第一行正下方继续文本,同时保持其垂直居中。不幸的是,由于这是一个小的HTML代码段,因此我无法添加Div或CSS。
我们希望它看起来像上面的图片。
谢谢。
<img style="padding: 0px 5px 0px 0px;" "float: left;" align="middle"src="http://upload.wikimedia.org/wikipedia/commons/8/8d/Stop_hand_nuvola_alternate_text.svg"/><font color="#ff0000" style="font-family: Arial, Helvetica, sans-serif;"><font size="4"> Some Text here Some Text here Some Text here Some Text here Some Text here Some Text here <a href="https://blank.com/blank" target="_self">(a link)</a><a> Some more text here <a href="mailto:[email protected]">here is an email link</a> some more text.</p> </font>
问题出在图像中的内联CSS代码中:
您有:<img style="padding:style="padding: 0px 5px 0px 0px;" "float: left;"
应为:<img style="padding:style="padding: 0px 5px 0px 0px;float: left;"
我已删除:" "
<img style="padding: 0px 5px 0px 0px;float: left;" align="middle"src="http://upload.wikimedia.org/wikipedia/commons/8/8d/Stop_hand_nuvola_alternate_text.svg"/>
<font color="#ff0000" style="font-family: Arial, Helvetica, sans-serif;"><font size="4"> Some Text here Some Text here Some Text here Some Text here Some Text here Some Text here <a href="https://blank.com/blank" target="_self">(a link)</a><a> Some more text here <a href="mailto:[email protected]">here is an email link</a> some more text.</p> </font>