HTML CSS文本，如图像旁边的侧边栏

我的网站有问题。 我想“打印”图像左侧的文本。但是我不知道怎么做。 这里是我的网站： 下面是它的外观：

---

有人能帮我吗？

根据所附图像更新：要将文本与图像对齐，您可以使用

浮动：左

。而且您的布局不会中断，因此您必须使用

clearfix方法

清除

float

，或者您可以在父div上使用

overflow:hidden

。除了更安全之外，您还可以

显示：内联块

通过使用

@media

query，您可以为

屏幕

、

手机

创建样式表，甚至可以在打印文档时控制元素。请看一下

在本例中，您可以在“打印预览”中看到更改。打印时元素位置改变，字体将变为红色

@media screen {
    p {
        font-family: verdana,sans-serif;
        font-size: 14px;
      float:left;
    }
  img{float:left;}
}

@media print {
    p {
        font-size: 20px;
        color: red;
       float:right;
    }
  img{float:right;}
}

---

将

img

标签替换为：

<img src="http://martin-fischer.tk/assets/img/AVRStick.png" style="float: left;">
<p>Here the text</p>

这是课文

---

请在您的问题中发布一个完整的代码示例。哦，我在使用jadejs和手写笔，您不能右键单击并查看代码吗？顺便说一句，我没有代码，因为我不知道怎么做。你可以制作一个CSS文件用于打印。他不希望用户打印页面时出现文本。他希望文本位于USB旁边。@MohammadAreebSiddiqui这意味着什么

我想在图像的左侧“打印”文本。

你的解释是错误的，不是我要求的，而是float left有效^^^他的意思是他想在图像的左侧放置文本image@user3859452我的答案是你想要的吗？