Как сделать разметку текста в центре фона

спросил: 27 ноября 2017 в 05:54 в: html

Можно ли перемещать интервальный текст, например, используя поля?

и указывать расстояние на границе, чтобы не трогать?

я уже использую background-position, но не работает.

я хочу, чтобы текст span в центре background black

div {
	color: white;
}
span { 
	border-radius: 20px;
	position: fixed;
	margin-left: 8px;
	margin-top: 8px;
	background: black;
	height: 34px;
	width: max-content;
	border-radius: -2px;
}

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css" rel="stylesheet"/>

<div>
<span>
<i class="fa fa-folder-open" aria-hidden="true"></i>
<i class="fa fa-lg fa-angle-right" style="margin-left:7px;"></i> 
My Folder</span>
</div>
JSFiddle

0 ответов