JSFiddle - React, Tailwind, and code Playground

by jgallaway81

HTML

<div class="corp-news">
      
        <span class="corp-news2"><img class="corp-pic" src="https://jgallaway81.neocities.org/_images/_fccorp/proto8107.jpg" alt="FCR Cattaraugus-class 2-6-4 with centipede tender."></span>
    
        <span class="corp-news2">Freedom Central Corporation is the parent corporate umbrella for the eight railroads and 20&plus; subsidiaries that provide complimentary or support services to those railroads. In addition to providing transportation, logistics, excursion-entertainment, and community goodwill&semi; the Corporation also fund research into making railroad operations more efficient and environmentally-friendly, benefiting everyone.</span>

  
    
 </div>

CSS

html {
  background-image: url("../_images/_fccorp/fccorp_top_banner.png");
  background-attachment: fixed;
  background-color: #f0f0f0;
  background-size: 100% 92px;
  background-repeat: no-repeat;
}


body {
  color: #000000;
  font-family: "Times New Roman", Times, serif;
  font-size: 100%;
  width: 98vw;
  opacity: 1.0;
  text-align: center;
}

.corp-news {
    width: 69%;
    margin: auto;
    border-width: 15px;
    border-style: solid;
    border-color: #1717ff;
    border-radius: 2.5em;
    max-height: 50rem;
    padding: 3px;
}
.corp-news2 {
    display: inline-block;
    margin: 3px;
    border: 6px solid #ff1717;
    padding: 0;
    height: auto;
    width: auto;
    border-radius: 1.5em;
}
.corp-pic {
    width: 25vw;
    height: auto;
    margin: 0;
}