Проблема с текстом, вылазит за границы div. и в спан пробовал заворачивать и каждую строку в свой div - Бестолку... Что с ним можно сделать, чтоб не плавал так?Надо чтоб так
.head {
width: 100vw;
height: 160px;
background-color: grey;
}
.head .logo {
margin-left: 390px;
height: 100%;
width: 195px;
display: block;
}
.head .logo p {
display: block;
text-align: left;
}
.head .logo #company {
font-size: 50px;
font-family: "Edwardian Script ITC";
color: rgb(199, 169, 0);
line-height: 0.5;
-moz-transform: matrix( 1.42836573074154, 0, 0, 1.428425767181, 0, 0);
-webkit-transform: matrix( 1.42836573074154, 0, 0, 1.428425767181, 0, 0);
-ms-transform: matrix( 1.42836573074154, 0, 0, 1.428425767181, 0, 0);
max-width: inherit;
}
.head .logo #compName {
font-size: 13px;
font-family: "Century Gothic";
color: rgb(28, 40, 91);
text-transform: uppercase;
line-height: 1.923;
-moz-transform: matrix( 1.7948717948718, 0, 0, 1.78179668768874, 0, 0);
-webkit-transform: matrix( 1.7948717948718, 0, 0, 1.78179668768874, 0, 0);
-ms-transform: matrix( 1.7948717948718, 0, 0, 1.78179668768874, 0, 0);
}
<section class="head">
<div class="logo">
<p id="company">Company </p>
<p id="compName">lorem ipsum </p>
</div>
</section>
P.S. Когда ставлю margin-top - толкает родительские элементы, почему так?
transform
, который меняет текст, добавляя завитушки из шрифта (кстати, почему Вы реально не подключили шрифт для него, зачем так извращаться?).