Quero deixar meu texto com a mesma margem que está sendo usada na tag <b>
<head>
<meta charset="UTF-8"/>
<title>Harley Davidson</title>
<style>
div#interface {
width: 1200px;
margin: auto;
}
b {
margin-left: 30px;
}
</style>
</head>
<body>
<div id="interface">
<p><b>História:</b> <i>Com efeito, um dia, um rapaz inteligente, farto de ter de pedalar, teve a ideia genial de acrescentar um motor à sua bicicleta. Foi exatamente isso que aconteceu a dois americanos, colegas de universidade, Arthur Davidson e William S. Harley, respetivamente escultor e desenhista, que se lançaram nessa arriscada união. Se bem que tenham tido o cuidado de associar aos seus trabalhos Ole Evinrude, um motorista, a primeira máquina assim criada, entre outros detalhes, a lenda diz que o carburador era feito de uma lata em conservas - foi uma falha completa: o engenho recusou-se terminantemente a andar. O motor, demasiado fraco, não conseguiu proporcionar o conjunto.</i></p>
</div>
Caso ainda não dê pra entender, o que eu quero fazer é alinhar o texto dessa forma (sendo a linha preta onde quero alinhar):