在手机尺寸屏幕上，如何将段落向左移动的CSS和HTML方法

Question

在正常的16:9电脑屏幕上看起来很完美，文字在左边，图片在右边。 但是，当涉及到较小的屏幕（例如手机尺寸的屏幕）时，它确实会像我想要的那样在段落顶部显示图片。我对此很陌生，所以请帮忙。

这是我的媒体文件

@media(max-width: 700px){
    
   
    .project1-img{
        flex-basis: 10%;
        width: 350px;
        margin: 20px;
    }
    
    .project-one{
        float: right;
        width: 750px;
        margin: 20px;
        padding-left: 10px;  
        inline-size: 1000px;
    }   
}

我需要一个代码来帮助我将段落对齐到所需位置

Answer 1

你到底想做什么？
我猜你希望段落和图像在手机屏幕上都可见。所以你可以使用 CSS 的 flex 属性来做到这一点
这是示例：

    
    



    

        

            
Some Heading
            
Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime, id praesentium nesciunt vitae libero pariatur. Nam earum reiciendis error autem porro dicta officiis ullam. Alias, minima! Laborum natus maiores rem!
        
        

            
        
    
    

如果这不是您想要做的，那么请详细解释您想要做什么......以及您的整个代码（html 文件）