Вот например я пишу
html>head>title и нажимаю на таб то у меня он трансформируется в
<div class="col-lg-5">
<div class="redBlock">
<p>Lorem Ipsum</p>
</div>
</div>
.redBlock{
background: red;
color: white;
padding: 20px;
font: ...;
}
<div class="col-lg-5">
<div class="redBlock">
<p>Lorem Ipsum</p>
</div>
<div class="fakeBlock"></div>
</div>
body{ overflow-x: hidden }
.redBlock{
background: red;
color: white;
padding: 20px;
font: ...;
}
.fakeBlock{
top: 0;
left: 0;
height: 100%;
width: 99999px; // Тут кароч это все дело съедет к аллаху на 9999 пикселей и растянетсякак тебе надо без полосы прокрутки
.active{
transform: scale(80%);
}
.active:first-child{
transform: scale(100%);
}
<div class="container">
<div class="row">
<div class="col-lg-3"></div>
<div class="col-lg-3"></div>
<div class="col-lg-3"></div>
<div class="col-lg-3"></div>
</div>
</div>
<style>
.red-text {
color: red;
}
p {
font-size: 16px;
font-family: monospace;
}
<link href="https://fonts.googleapis.com/css?family=Lobster">
h2 {
font-family: Lobster;
}
</style>
<head>
...
<link href="https://fonts.googleapis.com/css?family=Lobster">
...
<head>
<style>
.red-text {
color: red;
}
p {
font-size: 16px;
font-family: monospace;
}
h2 {
font-family: Lobster;
}
</style>
margin: 0 auto;
header('Content-Type: application/msword');
header('Content-Disposition: inline, filename=cert.rtf');
$name1="Ivan";
//открыть файл шаблона
$filename = 'PHPCert.rtf';
$output = file_get_contents($filename);
//замена заполнителей в шаблоне
$output = str_replace("<<name>>",$name1,$output);
//отправить сгенерированный документ в браузер
echo $output;
var result = true;
<div class="white">
</div>
<div class="black">
<span>Simple Text</span>
</div>
.white{
background: white;
}
.black{
background: url(../simplehuinya.png), black;
background-position: top center, 100% 100%;
background-repeat: no-repeat;
background-size: 10%, 100%;
}