html5 _.each,html - HTML5/CSS: Paragraph words printed below each other instead of next to each othe...

like the title describes; my text in paragraph tags are displaying below each other instead of next to each other. I'm new to HTML and CSS so excuse me if I asked a dumb question.

Here's a picture:

aPuNX.jpg

CSS & HTML code:

.Display_shit p {

color: White !important;

margin-right: 95% !important;

margin-left: 5% !important;

font-family: Arial, Helvetica, sans-serif !important;

}

.Display_shit .FP-Title p {

font-size: 40px !important;

top: 225px !important;

}

.Display_shit .FP-Text p {

font-size: 30px;

top: 300px;

}

a {

text-decoration: none;

}

.nav a {

font-family: myFirstFont;

}

#BackgroundVid {

position: fixed;

left: 0;

top: 0;

min-width: 100%;

min-height: 100%;

}

#rcorners1 {

border-radius: 25px;

background: #000;

position: fixed;

left: 0px;

right: 0px;

top: 200px;

height: 90%;

width: 90%;

margin-left: auto;

margin-right: auto;

opacity: 0.9;

}

#CornerLeftUpLW {

position: fixed;

left: 15px;

top: 20px;

height: 30px;

width: 30px;

}

#CornerRightDownLW {

position: fixed;

left: 335px;

top: 45px;

height: 30px;

width: 30px;

}

#TextBackground {

position: fixed;

left: 0px;

right: 0px;

top: 150px;

height: 2000px;

width: 1200px;

margin-left: auto;

margin-right: auto;

}

.nav {

height: 55px;

background-color: black;

position: unset;

display: inline-block;

position: fixed;

top: 0px;

bottom: 0px;

right: 0px;

left: 0px;

padding: 20px;

font-size: 35px;

text-align: left;

/*text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px rgb(133, 135, 255);*/

}

.nav a{

padding: 20px;

color: white;

}

.nav ul{

position: fixed;

top: -15px;

right: 20px;

}

.nav ul li{

display: inline-block;

}

.nav ul li a{

top: 0px;

right: 0px;

left: 0px;

padding: 10px;

}

@font-face {

font-family: myFirstFont;

src: url(./Ultra.otf);

}

LaurenceWit.com

Title text go brrr

Why am I displayed like this

And now I have to milk this text so that I can post it. Feel free to leave to opinions on the design since I'm new to this.

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值