新建一个HTML文件，命名为test.html，用于讲解css如何实现文本右对齐。
1 可以使用CSS中的text-align属性来设置右对齐。2 text-align属性可以应用于块级元素和表格元素，用于控制其中文本内容的对齐方式。3 除了text-align属性，还可以使用float属性、position属性等来实现元素右对齐的效果。
回答如下：可以使用CSS中的float属性和display属性来实现图片和文字的并排显示。
将图片和文字都设置为float属性为left或right，可以实现图片和文字的左右对齐。例如：
margin-right: 10px; /* 可选，为图片留出空隙 */
将图片和文字都设置为display属性为inline-block或inline，可以实现图片和文字的水平排列。例如：
vertical-align: middle; /* 可选，为了使文字和图片垂直居中 */
vertical-align: middle; /* 可选，为了使文字和图片垂直居中 */
需要注意的是，使用display属性时，需要注意图片的大小和文字的长度，避免出现换行导致排列不整齐的情况。
要让图片和文字并排显示，可以使用CSS中的float属性。将图片的float属性设置为left或right，可以让图片向左或向右浮动，使得文字可以在图片的旁边显示。同时，需要设置文字的margin属性，以避免文字与图片重叠。
另外，可以使用CSS中的display属性将图片和文字设置为inline-block，使得它们可以在同一行内显示。最后，需要注意图片和文字的宽度和高度，以保证它们的比例和布局合适。
总共只有三种，没有四种常用的css文字对齐方式：
text-align:center; 文字居中对齐text-align:left; 文字左对齐text-align:right; 文字右对齐HTML常用的:例如：
文字居右