重新写的标题为：居中div和定位元素的实现方法-PHP中文网问答

我正在尝试重新创建类似这样的东西，但现在遇到了一些问题。我遇到的第一个问题是要居中我的'main' div，我这样做：

body{
  background: linear-gradient(110deg, #fdcd3b 60%, #ffed4b 60%);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.main {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

但是由于'position: fixed'，我的背景不再显示，而我在body中添加了背景。

我遇到的另一个问题是在我想要重新创建的网站上，有两个相邻的p元素，但是我无法使用这段代码将我的两个p元素放在一起：

p{
  margin: 0;
  display:inline;
  float:left;
}

这是我的p元素和整个html的样子：



  
    练习网站
    
    
    
  
    

      

        

        
          嘿，我是测试
          学生软件开发者。

          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur aliquam arcu et urna placerat dignissim. Nulla nec sollicitudin lorem, at maximus lorem. Cras porta quis sapien ut ornare. Nullam nec sem molestie, scelerisque sapien sit amet, dignissim ex. Sed eget felis gravida, maximus risus a, sodales libero. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur aliquam arcu et urna placerat dignissim. Nulla nec sollicitudin lorem, at maximus lorem. Cras porta quis sapien ut ornare. Nullam nec sem molestie, scelerisque sapien sit amet, dignissim ex. Sed eget felis gravida, maximus risus a, sodales libero. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
        


        
          
            
              
              
        
              
              

             
             
         
          
        
          
          
            © 
            
            版权所有：
            测试