Articles.html

Displays articles horizontally w/descriptions

by ZEZEME

HTML

<div id=eachArticle>			
</div>

JavaScript

//.css({'width': '70%', 'text-align': 'left', 'target': '_blank'})
		var container = document.createElement('div');
    var imgDiv = document.createElement('img');
    var titleDiv = document.createElement('div');

    titleDiv.textContent = "Conserving pinnipeds in Pacific Ocean parks in response to climate change";
    imgDiv.innerHTML = '<img src="https://www.nps.gov/common/uploads/articles/images/nri/20150828/articles/A45BD3CE-DD2E-7804-3903F7BA11A8F18A/A45BD3CE-DD2E-7804-3903F7BA11A8F18A-large.jpg" style="width:100%;">';
    

		$('#eachArticle').append(imgDiv);
		$('#eachArticle').append(titleDiv);