Hi, I\'ve been trying to find a way to get the following text \"One of the bigge

ID: 3830806 • Letter: H

Question

Hi, I've been trying to find a way to get the following text "One of the biggest events of the year in gaming is getting close. Here are our top predictions for this year's E3" to be written in the image but on top, while getting the "Read More" button to move farther on the left. The code is provided below. Thanks.

</head>
<body>
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>

</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>

<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">News
<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">PlayStation 4</a></li>
<li><a href="#">Xbox One</a></li>
<li><a href="#">Nintendo Switch</a></li>
<li><a href="#">PC</a></li>
<li><a href="#">Mobile</a></li>
<li><a href="#">Nintendo 3DS/2DS</a></li>
</ul>

<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Events
<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Game Nights</a></li>
<li><a href="#">Tournaments</a></li>
</ul>

<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Reviews
<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">PlayStation 4</a></li>
<li><a href="#">Xbox One</a></li>
<li><a href="#">Nintendo Switch</a></li>
<li><a href="#">PC</a></li>
<li><a href="#">Mobile</a></li>
<li><a href="#">Nintendo 3DS/2DS</a></li>
</ul>

<li><a href="#">About</a></li>

</ul>

</div>
</div>
</nav>

<div class="col-sm-8 text-left">
<img src="img/e3pred2.png" width = "1554" height ="400"

</div>

</table>
One of the biggest events of the year in gaming is getting close. Here are our top predictions for this year's E3.

<p></p>
<p><font size="6">Ward's Gaming Website!</font></p>

<p>This website is dedicated to bringing the latest news and entertainment in gaming 24/7. Not only just that, but we are also
committed into hosting gamenights that are held every Friday 8:00 pm CST and annual tournaments every summer. If you want
to apply and be part of our great community, feel free to do so by clicking the "Apply Today" link on the top right, or if you are
already a member, feel free to Sign in. Have fun! </p>

<div class="row" align="justify">
<div class="col-md-1"><h4>Forum</h4></div>
</div>

<div class="row" align="justify">
<div class="col-md-1"><h4>Apply</h4></div>
</div>

<div class="row" align="justify">
<div class="col-md-1"><h4>History</h4></div>
</div>

</div>
</div>

<footer class="container-fluid text-center">
<p>© 2017 Ward Leavines</p>
</footer>

</body>
</html>

/*CSS*/

body {
background-color: lightblue;
}

/* Remove the navbar's default margin-bottom and rounded borders */
.navbar {
margin-bottom: 0;
border-radius: 0;
}

/* Set height of the grid so .sidenav can be 100% (adjust as needed) */
.row.content {height: 450px}


.sidenav {
padding-top: 40px;
background-color: #f1f1f1;
height: 100%;
}

/* Set black background color, white text and some padding */
footer {
background-color: #333;
color: white;
padding: 4px;
position: fixed;
bottom: 0;
width: 100%;
}

/* On small screens, set height to 'auto' for sidenav and grid */
@media screen and (max-width: 767px) {
.sidenav {
height: auto;
padding: 15px;
}
.row.content {height:auto;}
}

div h4 {

color: yellow;

background-color: black

}

Home News Events Reviews About E3 2017 Predictions One the biggest events of the year in gaming is getting Close. Here are OUr top predictions for this year's E3 Read more Ward's Gaming Website! This website is dedicated to bringing the latest news and entertainment in gaming 247. Not only just that, but we are also committed into hosting gamenights that are held every Friday 8.00 pm CST and annual tournaments every summer. If you want to apply and be part of our great community, feel free to do so by clicking the "Apply Today" link on the top right, or if you are already a member, feel free to Sign in. Have fun! Forum History C 2017 Ward Leavines

Explanation / Answer

<!DOCTYPE html>
<html lang="en">
<head>
<title>LeavinesGameWeb</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="css/game.css">
<style>
/*CSS*/
body {
background-color: lightblue;
}
/* Remove the navbar's default margin-bottom and rounded borders */
.navbar {
margin-bottom: 0;
border-radius: 0;
}

/* Set height of the grid so .sidenav can be 100% (adjust as needed) */
.row.content {height: 450px}


.sidenav {
padding-top: 40px;
background-color: #f1f1f1;
height: 100%;
}

/* Set black background color, white text and some padding */
footer {
background-color: #333;
color: white;
padding: 4px;
position: fixed;
bottom: 0;
width: 100%;
}

/* On small screens, set height to 'auto' for sidenav and grid */
@media screen and (max-width: 767px) {
.sidenav {
height: auto;
padding: 15px;
}
.row.content {height:auto;}
}
div h4 {
color: yellow;
background-color: black
}

</style>
</head>

<body>
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>

</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>

<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">News
<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">PlayStation 4</a></li>
<li><a href="#">Xbox One</a></li>
<li><a href="#">Nintendo Switch</a></li>
<li><a href="#">PC</a></li>
<li><a href="#">Mobile</a></li>
<li><a href="#">Nintendo 3DS/2DS</a></li>
</ul>


<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Events
<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Game Nights</a></li>
<li><a href="#">Tournaments</a></li>
</ul>


<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Reviews
<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">PlayStation 4</a></li>
<li><a href="#">Xbox One</a></li>
<li><a href="#">Nintendo Switch</a></li>
<li><a href="#">PC</a></li>
<li><a href="#">Mobile</a></li>
<li><a href="#">Nintendo 3DS/2DS</a></li>
</ul>
<li><a href="#">About</a></li>
</ul>

</div>
</div>
</nav>
<div>One of the biggest events of the year in gaming is getting close. Here are our top predictions for this year's E3. </div>

<img src="devops.png" height="175px"></img>
<table width="160" align="let" class="button">
<tr>
<td>
<a href="#" > Read more</a>
</td>
</tr>
</table>
<p></p>
<p><font size="6">Ward's Gaming Website!</font></p>
<p>This website is dedicated to bringing the latest news and entertainment in gaming 24/7. Not only just that, but we are also
committed into hosting gamenights that are held every Friday 8:00 pm CST and annual tournaments every summer. If you want
to apply and be part of our great community, feel free to do so by clicking the "Apply Today" link on the top right, or if you are
already a member, feel free to Sign in. Have fun! </p>


<div class="row" align="justify">
<div class="col-md-1"><h4>Forum</h4></div>
</div>
<div class="row" align="justify">
<div class="col-md-1"><h4>Apply</h4></div>
</div>
<div class="row" align="justify">
<div class="col-md-1"><h4>History</h4></div>
</div>

please try the above code

the content is written on top of the image and readmore button is aligned to the bottom - left of the image.

Suggestion :1. whenever you write the content please write your content in <div>

2.it's not a good practise to write content on the image.

Navigate

Hi, I\'ve been trying to create only 1 regular expression to extract only the de

Hi, I\'ve encounter this question that\'s really been buggingme. I\'ve tried 8di

Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.

Hi, I\'ve been trying to find a way to get the following text \"One of the bigge

Question

Explanation / Answer

Related Questions

Navigate