JSONデータのフォント属性と位置を変更するにはどうすればよいですか？

Question

私はウェブページ設計の初心者です。さて、私はJSONで作業しています。そして、ええ、私はfreecodecamp用の見積もりマシンのための私自身のプロジェクトをやっています。私は<div>にJSONデータを表示できますが、表示されるJSONデータのフォント属性と位置を編集するにはどうすればよいですか。私はまた、jsスクリプトを添付します。

$(document).ready(function(){ 
    $(".btn").on('click',function(){ 
    $.ajaxSetup ({cache:false}); 
     $.getJSON("https://quotesondesign.com/wp-json/posts?filter[orderby]=rand&callback=", function(data) { 
     $(".message").html(data[0].content + " — " + data[0].title); 
    }); 
    }); 
}); 

Answer 1

コンテンツを設定した後、要素のCSSを設定してみてください：

$(".message").css({'font-family':'Arial', 'left':'19px'}); 

または代わりにあなたが同じ結果を達成するためにCSSクラスを使用することができます。

.message { 
    font-family: 'Arial'; //or whatever font you want 
    left: 19px; //or whatever positioning css changes need to be made. 
} 

をより良い方法を要素をスタイルするためにCSSを使用しています。