JSFiddle - React, Tailwind, and code Playground

by naykris

HTML

<main class="clearfix">
		<article class="block">
			<h2><a href="#">Название статьи</a>
			<style type="text/css">
				a {
    color: #035dee; 
    text-decoration: none; 
   }
   a:visited {
    color: #035dee;; 
   } 
   a:hover {
    color: white;  
    text-decoration: underline;
   }
			</style>
			</h2>
			<p><img src="file:///C:/Users/Dasha/Desktop/%D0%BA%D1%83%D1%80%D1%81/Popova2/2.jpg" alt="блабла2" class="rightimg" width="100" height="100">Эмоциона́льный интелле́кт (ЭИ; англ. emotional intelligence, EI) — способность человека распознавать эмоции,
				понимать намерения, мотивацию и желания других людей и свои собственные, а также способность управлять своими
				эмоциями и эмоциями других людей в целях решения практических задач.</p>
				<p>Понимать намерения, мотивацию и желания других людей.</p>
		</article>

		<article class="block">
			<h2><a href="#">Название статьи</a>
			<style type="text/css">
				a {
    color: #035dee; 
    text-decoration: none; 
   }
   a:visited {
    color: #035dee;; 
   } 
   a:hover {
    color: white;  
    text-decoration: underline;
   }
			</style>
			</h2>
			<p><img src="file:///C:/Users/Dasha/Desktop/%D0%BA%D1%83%D1%80%D1%81/Popova2/2.jpg" alt="блабла2" width="100" height="100">Эмоциона́льный интелле́кт (ЭИ; англ. emotional intelligence, EI) — способность человека распознавать эмоции,
				понимать намерения, мотивацию и желания других людей и свои собственные, а также способность управлять своими
				эмоциями и эмоциями других людей в целях решения практических задач.

					<p>Понимать намерения, мотивацию и желания других людей и свои собственные, а также способность управлять своими
				эмоциями и эмоциями других людей в целях решения практических задач.</p>


						<p>Понимать намерения, мотивацию и желания других людей.</p>

			</p>

CSS

.block {
  width: 600px;
  background: yellow;
  padding: 8px 12px;
  padding-left: 20px;
  margin: 10px;
  border: solid 1px black;
  float: left;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

a {
    color: #035dee; 
    text-decoration: none; 
   }
   a:visited {
    color: #035dee;; 
   } 
   a:hover {
    color: white;  
    text-decoration: underline;
   }