单选按钮HTML CSS引导左侧的图像

[我想把图像放在收音机的左侧 这是密码

HTML:

乱数假文
洛雷姆·伊普苏姆·多洛·希特·阿梅特，康塞特图
再见，在森佩尔夸姆努克的精英们。

查看图片链接查看我想做什么谢谢

---

如上面的评论所述，您需要将

img

移动到

标签的外部。这是您的示例。您可能只想垂直对齐
输入


.btn.btn-radio{
边框：1px实心#333！重要；
利润率：10px；
边界半径：0px！重要；
填充：1em！重要；
溢出：隐藏；
显示：-ms flex；
显示：-webkit flex；
显示器：flex；
}
.左img{
最小宽度：100px；
高度：100px；
边框：1px实心#333；
右边距：20px；
背景：url(https://images.unsplash.com/photo-1503249023995-51b0f3778ccf?auto=format&fit=crop&w=311&q=80);
背景尺寸：封面；
}
.正确输入{
文本对齐：左对齐；
身高：100%；
}
label.example p{
空白：正常；
}

洛勒姆
洛雷姆·伊普苏姆·多洛尔·塞姆特（Lorem ipsum dolor sit amet）是一位杰出的献身者

您也可以将输入放入标签内，并按如下方式调整代码：


标签{
显示器：flex；
对齐项目：居中；
}
标签输入{
保证金：5px；
}

乱数假文
洛雷姆·伊普苏姆·多洛·希特·阿梅特，康塞特图
再见，在森佩尔夸姆努克的精英们

那么为什么要在标签内使用图像？从标签中删除图像，并将其添加到输入类型上方。非常感谢您的帮助：））标签内图像的使用是合乎逻辑的。因为我们可以单击图像触发单选按钮，而在您的情况下，我们不能。因此我认为这就是他在标签内使用图像的原因。谢谢：D高兴新年
          <div class="btn btn-default">
                <input type="radio" id="cc" name="radio-button" 
                 value="0">
                <label for="cc">
                    <span><img src="images/joker.jpg"></span>
                    <span>Lorem Ipsum</span>
                    <span>Lorem ipsum dolor sit amet, consectetur 
                    adipiscing elit. In semper quam nunc.</span>
                </label>
            </div>