<div class="seaside">SEASIDE</div>
body {
  display: flex;
  height: 100vh;
  justify-content: center;
  align-items: center;
}

.seaside {
  position: relative;
  background-image: url('https://lenadesign.org/wp-content/uploads/2021/07/brighton-1.jpg');
  width: 640px;
  height: 480px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 100px;
  font-weight: 900;
  font-family: tahoma;
  -webkit-text-stroke: 5px white;
	-webkit-text-fill-color: transparent;  
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.