NativeScriptアプリケーションのcss/xmlのようなラベルをデザインする

Question

バックグラウンドで（完全な画面上で）背景に黄色い線が表示され、テキストが左に30の距離後に開始するラベルをデザインしたい。私はマージンを残してみました：30は、私がテキストのためにしたいものをほとんど行いますが、背景も移動されています（そして、テキストの真正面から始まります）。

テキストだけが移動され、背景が画面の左端から右に開始され、画面の右側に移動するような方法でラベルを操作できますか？私はこれについて研究しようとしましたが、私が探しているものを正しく記述する方法はわかりません（あなたが気づいたかもしれません）。

誰かに私のキーワードやパターンがありますか？

HTML：

<label text="{{ user_firstname }}" class="label-content" ></label> 

それのためのCSS：

.label-content { 
    margin-top: 0; 
    margin-bottom: 20; 
    margin-left: 10; 
    margin-right: 10; 
    background-color: yellow; 
    height: 35; 
} 

編集：私はそれのためにHTMLとCSSのコードを追加しました。

Answer 1

マージンは要素の周りにスペースを入れます パディングは要素の内容をラップする要素の内部にスペースを入れます。

だから、 "パディング"

.label-content { 
    padding-bottom: 20; 
    padding-left: 10; 
    padding-right: 10; 
    background-color: yellow; 
    height: 35; 
}