Hello friends:
I am trying to have a space between the text and image border. It doesn't happen with my padding. When I remove, border CSS, I can have space between space between text and image.
Thanks for helps.
I am trying to have a space between the text and image border. It doesn't happen with my padding. When I remove, border CSS, I can have space between space between text and image.
Thanks for helps.
HTML:
<!DOCTYPE html>
<html>
<head>
<title>Learning Example</title>
<style>
.container1{
margin: 11px 10px 10px 10px;
width: 98%;
padding: 8px 8px 8px 8px;
}
.wtexta{
float: right;
width: 60%;
height: auto;
padding: 10px 10px 10px 10px;
border-style: outset;
border-width: 5px;
border-color: gold;
}
.texta{
text-align: justify;
font-family: Verdana, Geneva, Tahoma, sans-serif;
padding: 10px 10px 10px 10px;
}
</style>
</head>
<body>
<div class="container1">
<img class="wtexta" src="nangi.webp" >
<div class="texta">
Her Name is Mrs. D……. Fernando de Silva. <br><br>
She was born to a wealthy Buddhist family in Panadura.
Educated at Panadura Balika Vidyalaya.<br><br> Her parents
are the late Mr. sss Fernando and the late Mrs. Leela Fernando.
She has only one brother the late Mr. Tissa
Fernando who had passed away. <br><br>
D…. is always interested in music, literature,
sports since she was very little with the guidance
from her mother, father and older brother. <br>
</div>
</div>
</body>
</html>